gitlab-org--gitlab-foss/app/assets/stylesheets/framework/issue_box.scss
Fatih Acet e9ef02096b
Add project milestone link to dashboard milestones
One of the steps to deprecate dashboard milestones.
Links do dashboard milestone are replaced with links for each
project milestone
2018-12-20 13:33:09 +01:00

48 lines
969 B
SCSS

/**
* Issue box for showing Open/Closed state:
* Used for Issue#show page, MergeRequest#show page etc
*
*/
.status-box {
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
padding: 5px 11px;
margin-top: 4px;
/* Small devices (tablets, 768px and up) */
@include media-breakpoint-up(sm) {
padding: 0 $gl-btn-padding;
margin-top: 5px;
}
border-radius: 3px;
display: block;
float: left;
margin-right: 10px;
color: $white-light;
font-size: $gl-font-size;
line-height: $gl-line-height-24;
&.status-box-closed,
&.status-box-mr-closed {
background-color: $red-500;
}
&.status-box-issue-closed,
&.status-box-mr-merged {
background-color: $blue-500;
}
&.status-box-open {
background-color: $green-500;
}
&.status-box-expired {
background-color: $orange-500;
}
&.status-box-upcoming {
background: $gl-text-color-secondary;
}
}