2014-06-04 15:52:35 +00:00
|
|
|
.issues-sortable-list .str-truncated {
|
2015-03-06 12:49:27 +00:00
|
|
|
max-width: 90%;
|
2014-06-04 15:52:35 +00:00
|
|
|
}
|
2015-03-09 23:24:45 +00:00
|
|
|
|
2016-07-22 09:18:38 +00:00
|
|
|
.milestones {
|
|
|
|
.milestone {
|
|
|
|
padding: 10px 16px;
|
|
|
|
|
|
|
|
h4 {
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
2015-09-08 09:14:48 +00:00
|
|
|
|
2016-07-22 09:18:38 +00:00
|
|
|
.progress {
|
2016-07-14 14:36:05 +00:00
|
|
|
width: 100%;
|
2016-07-22 09:18:38 +00:00
|
|
|
height: 6px;
|
|
|
|
}
|
2015-09-08 09:14:48 +00:00
|
|
|
}
|
2015-03-09 23:24:45 +00:00
|
|
|
}
|
2016-01-26 15:58:04 +00:00
|
|
|
|
2016-02-03 15:27:46 +00:00
|
|
|
.milestone-content {
|
|
|
|
.issues-count {
|
|
|
|
margin-right: 17px;
|
|
|
|
float: right;
|
|
|
|
width: 105px;
|
|
|
|
}
|
2016-01-27 16:45:51 +00:00
|
|
|
|
2016-03-07 04:07:19 +00:00
|
|
|
.issuable-row {
|
2016-02-03 15:27:46 +00:00
|
|
|
.color-label {
|
2016-02-18 02:34:25 +00:00
|
|
|
border-radius: 2px;
|
|
|
|
padding: 3px !important;
|
2016-03-07 04:07:19 +00:00
|
|
|
margin-right: 7px;
|
2016-02-18 02:34:25 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
// Issue title
|
|
|
|
span a {
|
2016-05-03 11:21:09 +00:00
|
|
|
color: $gl-text-color;
|
2016-09-19 15:17:10 +00:00
|
|
|
word-wrap: break-word;
|
2016-02-03 15:27:46 +00:00
|
|
|
}
|
2016-01-27 16:45:51 +00:00
|
|
|
}
|
|
|
|
}
|
2016-01-27 16:58:25 +00:00
|
|
|
|
|
|
|
.milestone-summary {
|
2016-07-14 14:36:05 +00:00
|
|
|
|
|
|
|
h4 {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
2016-01-27 17:38:03 +00:00
|
|
|
|
2016-02-03 15:27:46 +00:00
|
|
|
.milestone-stat {
|
2016-07-14 14:36:05 +00:00
|
|
|
white-space: nowrap;
|
2016-02-03 15:27:46 +00:00
|
|
|
margin-right: 10px;
|
2016-07-14 14:36:05 +00:00
|
|
|
&.with-drilldown {
|
|
|
|
margin-right: 2px; // the drill down element should sit closer to its parent
|
|
|
|
}
|
2016-02-03 15:27:46 +00:00
|
|
|
}
|
2016-01-27 17:38:03 +00:00
|
|
|
|
2016-02-25 20:23:34 +00:00
|
|
|
.remaining-days {
|
2016-02-03 15:27:46 +00:00
|
|
|
color: $orange-light;
|
|
|
|
}
|
2016-07-14 14:36:05 +00:00
|
|
|
|
|
|
|
.milestone-stats-and-buttons {
|
|
|
|
display: flex;
|
|
|
|
justify-content: flex-start;
|
2016-07-15 11:11:20 +00:00
|
|
|
// on small screens split into two line
|
2016-07-14 14:36:05 +00:00
|
|
|
flex-wrap: wrap;
|
|
|
|
|
2016-07-15 11:11:20 +00:00
|
|
|
@media (min-width: $screen-xs-min) {
|
|
|
|
// on bigger screens show on one line
|
2016-07-14 14:36:05 +00:00
|
|
|
justify-content: space-between;
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.milestone-progress-buttons {
|
|
|
|
// for small devices buttons go first
|
|
|
|
order: 1;
|
|
|
|
// buttons go on its own line below the header and need some margin
|
|
|
|
margin-top: 10px;
|
2016-07-15 11:11:20 +00:00
|
|
|
@media (min-width: $screen-xs-min) {
|
2016-07-14 14:36:05 +00:00
|
|
|
// when displayed on one line stats go first, buttons second
|
|
|
|
order: 2;
|
|
|
|
margin-top: 0;
|
|
|
|
flex-shrink: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn {
|
|
|
|
float: left;
|
|
|
|
margin-right: $btn-side-margin;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.milestone-stats {
|
|
|
|
order: 2;
|
|
|
|
width: 100%;
|
|
|
|
padding: 7px 0;
|
|
|
|
flex-shrink: 1;
|
2016-07-15 11:11:20 +00:00
|
|
|
@media (min-width: $screen-xs-min) {
|
2016-07-14 14:36:05 +00:00
|
|
|
// when displayed on one line stats go first, buttons second
|
|
|
|
order: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.progress {
|
|
|
|
width: 100%;
|
|
|
|
margin: 15px 0;
|
|
|
|
}
|
2016-01-27 17:38:03 +00:00
|
|
|
}
|
2016-01-28 00:18:08 +00:00
|
|
|
|
2016-10-24 20:22:06 +00:00
|
|
|
.issues-sortable-list,
|
|
|
|
.merge_requests-sortable-list {
|
2016-03-07 04:07:19 +00:00
|
|
|
.issuable-detail {
|
2016-01-28 00:18:08 +00:00
|
|
|
display: block;
|
2016-03-07 04:07:19 +00:00
|
|
|
margin-top: 7px;
|
2016-01-28 00:18:08 +00:00
|
|
|
|
2016-03-07 04:07:19 +00:00
|
|
|
.issuable-number {
|
2016-05-03 11:21:09 +00:00
|
|
|
color: $gl-placeholder-color;
|
2016-01-28 00:18:08 +00:00
|
|
|
margin-right: 5px;
|
|
|
|
}
|
2016-10-14 20:39:08 +00:00
|
|
|
|
2016-01-28 00:18:08 +00:00
|
|
|
.avatar {
|
|
|
|
float: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2016-01-28 01:58:08 +00:00
|
|
|
|
|
|
|
.milestone-detail {
|
|
|
|
border-bottom: 1px solid $border-color;
|
|
|
|
padding: 20px 0;
|
|
|
|
}
|
2016-08-22 22:58:28 +00:00
|
|
|
|
|
|
|
@media (max-width: $screen-sm-min) {
|
|
|
|
.milestone-actions {
|
|
|
|
@include clearfix();
|
|
|
|
padding-top: $gl-vert-padding;
|
|
|
|
|
|
|
|
.btn:first-child {
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2016-07-14 14:36:05 +00:00
|
|
|
|
|
|
|
.milestone-page-header {
|
|
|
|
display: flex;
|
|
|
|
flex-flow: row;
|
2016-07-14 20:03:37 +00:00
|
|
|
align-items: center;
|
2016-07-14 14:36:05 +00:00
|
|
|
flex-wrap: wrap;
|
|
|
|
.status-box {
|
2016-07-14 20:03:37 +00:00
|
|
|
margin-top: 0; // no need for margin-top, vertical alignment is done by flexbox
|
2016-07-14 14:36:05 +00:00
|
|
|
}
|
|
|
|
.milestone-buttons {
|
|
|
|
// flex flow is row (left to right)
|
|
|
|
// but buttons should stick to the right side
|
|
|
|
margin-left: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.status-box {
|
|
|
|
order: 1;
|
|
|
|
}
|
|
|
|
.milestone-buttons {
|
|
|
|
order: 2;
|
|
|
|
}
|
|
|
|
.header-text-content {
|
|
|
|
order: 3;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.milestone-buttons .verbose {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: $screen-xs-min) {
|
|
|
|
|
|
|
|
.milestone-buttons .verbose {
|
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
|
|
|
|
.header-text-content {
|
|
|
|
order: 2;
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
.milestone-buttons {
|
|
|
|
order: 3;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|