BigW Consortium Gitlab

milestone.scss 2.58 KB
Newer Older
1
.issues-sortable-list .str-truncated {
2
  max-width: 90%;
3
}
4

5 6 7 8 9 10 11
.milestones {
  .milestone {
    padding: 10px 16px;

    h4 {
      font-weight: bold;
    }
Dmitriy Zaporozhets committed
12

13
    .progress {
14
      width: 100%;
15 16
      height: 6px;
    }
Dmitriy Zaporozhets committed
17
  }
18
}
Rubén Dávila committed
19

20 21 22 23 24 25
.milestone-content {
  .issues-count {
    margin-right: 17px;
    float: right;
    width: 105px;
  }
26

27
  .issuable-row {
Rubén Dávila committed
28
    span a {
29
      color: $gl-text-color;
30
      word-wrap: break-word;
31
    }
32 33
  }
}
34 35

.milestone-summary {
36
  .milestone-stat {
37
    white-space: nowrap;
38
    margin-right: 10px;
39

40
    &.with-drilldown {
41
      margin-right: 2px;
42
    }
43
  }
44

45
  .remaining-days {
46 47
    color: $orange-light;
  }
48 49 50 51 52 53

  .milestone-stats-and-buttons {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;

54
    @media (min-width: $screen-xs-min) {
55 56 57 58 59 60 61 62
      justify-content: space-between;
      flex-wrap: nowrap;
    }
  }

  .milestone-progress-buttons {
    order: 1;
    margin-top: 10px;
63

64
    @media (min-width: $screen-xs-min) {
65 66 67 68 69 70 71 72
      order: 2;
      margin-top: 0;
      flex-shrink: 0;
    }

    .btn {
      float: left;
      margin-right: $btn-side-margin;
Luke Bennett committed
73

74 75 76
      &:last-child {
        margin-right: 0;
      }
77 78 79 80 81 82 83 84
    }
  }

  .milestone-stats {
    order: 2;
    width: 100%;
    padding: 7px 0;
    flex-shrink: 1;
Luke Bennett committed
85

86
    @media (min-width: $screen-xs-min) {
87 88 89 90 91 92 93 94 95
      // when displayed on one line stats go first, buttons second
      order: 1;
    }
  }

  .progress {
    width: 100%;
    margin: 15px 0;
  }
96
}
97

98 99
.issues-sortable-list,
.merge_requests-sortable-list {
100
  .issuable-detail {
101
    display: block;
102
    margin-top: 7px;
103

104
    .issuable-number {
105
      color: $gl-text-color-secondary;
106 107
      margin-right: 5px;
    }
108

109 110 111
    .avatar {
      float: none;
    }
112 113 114 115

    > a:not(:last-of-type) {
      margin-right: 5px;
    }
116 117
  }
}
118 119 120 121 122

.milestone-detail {
  border-bottom: 1px solid $border-color;
  padding: 20px 0;
}
123

124
@media (max-width: $screen-xs-max) {
125 126 127 128 129 130 131 132 133
  .milestone-actions {
    @include clearfix();
    padding-top: $gl-vert-padding;

    .btn:first-child {
      margin-left: 0;
    }
  }
}
134 135 136 137

.milestone-page-header {
  display: flex;
  flex-flow: row;
138
  align-items: center;
139
  flex-wrap: wrap;
140

141
  .status-box {
142
    margin-top: 0;
143
  }
144

145 146 147 148 149 150 151
  .milestone-buttons {
    margin-left: auto;
  }

  .status-box {
    order: 1;
  }
152

153 154 155
  .milestone-buttons {
    order: 2;
  }
156

157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174
  .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;
    }
175

176 177 178 179 180
    .milestone-buttons {
      order: 3;
    }
  }
}