border-bottom: 2px solid #F90;
}
-.status_info {
- font-size: 14px;
- padding: 5px 15px;
- line-height: 26px;
- text-align: center;
- float: right;
- position: relative;
- top: -5px;
- @include border-radius(4px);
-
- &.success {
- background: #4A4;
- color: #FFF;
- }
-
- &.error {
- background: #DA4E49;
- color: #FFF;
- }
-}
-
.thin_area{
height: 150px;
}
&.ui-box-show {
margin:20px 0;
background: #FFF;
+ box-shadow: inset 0 1px 0 #fff, 0 1px 5px #f1f1f1;
+ @include linear-gradient(#fafafa, #f1f1f1);
.control-group {
margin-bottom: 0;
font-weight: bold;
@include box-shadow(inset 0 2px 4px rgba(0,0,0,.15));
}
+
+/** Big Labels **/
+.state-label {
+ font-size: 14px;
+ padding: 5px 15px;
+ text-align: center;
+ float: right;
+ position: relative;
+ top: -5px;
+ @include border-radius(4px);
+
+ &.state-label-green {
+ background: #4A4;
+ color: #FFF;
+ }
+
+ &.state-label-red {
+ background: #DA4E49;
+ color: #FFF;
+ }
+}
.ui-box-head
%h4.box-title
- if @issue.closed?
- .error.status_info Closed
+ .state-label.state-label-red Closed
= gfm escape_once(@issue.title)
.ui-box-body
%h4.box-title
= gfm escape_once(@merge_request.title)
- if @merge_request.merged?
- .success.status_info
+ .state-label.state-label-green
%i.icon-ok
Merged
- elsif @merge_request.closed?
- .error.status_info Closed
+ .state-label.state-label-red
+ Closed
.ui-box-body
%div
%span
%i.icon-remove
Closed by #{link_to_member(@project, @merge_request.closed_event.author)}
- %small #{time_ago_in_words(@merge_request.closed_event.created_at)} ago.
+ %span #{time_ago_in_words(@merge_request.closed_event.created_at)} ago.
- if @merge_request.merged?
.ui-box-bottom.alert-success
%span
.ui-box-head
%h4.box-title
- if @milestone.closed?
- .error.status_info Closed
+ .state-label.state-label-red Closed
- elsif @milestone.expired?
- .error.status_info Expired
+ .state-label.state-label-red Expired
= gfm escape_once(@milestone.title)