BigW Consortium Gitlab

issuable.scss 6.27 KB
Newer Older
1
.issuable-details {
2
  section {
3
    .issuable-discussion {
4 5 6
      margin-right: 1px;
    }
  }
7 8

  // Border around images in issue and MR descriptions.
9
  .description img:not(.emoji) {
10 11 12
    border: 1px solid $table-border-gray;
    padding: 5px;
    margin: 5px;
13
    max-height: calc(100vh - 100px);
14
  }
15
}
16 17 18 19 20 21 22 23

.issuable-filter-count {
  span {
    display: block;
    margin-bottom: -16px;
    padding: 13px 0;
  }
}
24

Douwe Maan committed
25 26 27 28 29 30 31 32 33
.issuable-show-labels {
  a {
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    .color-label {
      padding: 6px 10px;
    }
  }
Phil Hughes committed
34 35 36 37

  &.has-labels {
    margin-bottom: -5px;
  }
Douwe Maan committed
38 39
}

Phil Hughes committed
40
.right-sidebar {
41 42 43 44
  a {
    color: inherit;
  }

45 46 47 48
  .issuable-header-text {
    margin-top: 7px;
  }

49 50
  .block {
    @include clearfix;
51
    padding: $gl-padding 0;
52
    border-bottom: 1px solid $border-gray-light;
53
    // This prevents the mess when resizing the sidebar
54
    // of elements repositioning themselves..
Jacob Schatz committed
55
    width: $gutter_inner_width;
56
    // --
57

Phil Hughes committed
58 59 60
    &.issuable-sidebar-header {
      padding-top: 0;
      padding-bottom: 10px;
61 62
    }

63 64 65
    &:last-child {
      border: none;
    }
66

Jacob Schatz committed
67
    span {
68 69 70
      display: inline-block;
    }

Jacob Schatz committed
71 72 73 74
    .select2-container span {
      margin-top: 0;
    }

75
    .gutter-toggle {
Jacob Schatz committed
76
      margin-left: 20px;
77
      padding-left: 10px;
78 79 80 81

      &:hover {
        color: $gray-darkest;
      }
82
    }
83
  }
84

Phil Hughes committed
85 86 87 88
  .block-first {
    padding-top: 0;
  }

89 90
  .title {
    color: $gl-text-color;
Phil Hughes committed
91 92
    margin-bottom: 10px;
    line-height: 1;
Valery Sizov committed
93

94 95
    .avatar {
      margin-left: 0;
Valery Sizov committed
96 97
    }

98 99
    .edit-link {
      color: $gl-gray;
Phil Hughes committed
100 101 102 103

      &:hover {
        color: $md-link-color;
      }
104
    }
Valery Sizov committed
105 106
  }

107
  .cross-project-reference {
108
    color: inherit;
109

110 111
    span {
      white-space: nowrap;
Jacob Schatz committed
112
      width: 85%;
113 114 115 116 117
      overflow: hidden;
      position: relative;
      display: inline-block;
      text-overflow: ellipsis;
    }
Valery Sizov committed
118

119 120 121 122
    cite {
      font-style: normal;
    }

123 124
    button {
      float: right;
125 126
      padding: 1px 5px;
      background-color: $gray-light;
Valery Sizov committed
127
    }
128
  }
129

130 131 132
  .selectbox {
    display: none
  }
133

134 135
  .btn-clipboard {
    color: $gl-gray;
Valery Sizov committed
136
  }
137
}
138 139 140

.right-sidebar {
  position: fixed;
141
  top: $header-height;
142
  bottom: 0;
143
  right: 0;
144
  z-index: 10;
145
  transition: width .3s;
146 147
  background: $gray-light;
  padding: 10px 20px;
148

149 150
  &.right-sidebar-expanded {
    width: $gutter_width;
151

Phil Hughes committed
152 153
    .value {
      line-height: 1;
154 155 156 157 158

      .assign-yourself {
        margin-top: 10px;
        display: block;
      }
Phil Hughes committed
159 160 161 162
    }

    .bold {
      font-weight: 600;
163
    }
164

165 166 167 168
    .light {
      font-weight: normal;
    }

169
    .no-value {
170
      color: $gl-placeholder-color;
171 172
    }

173 174 175 176 177
    .sidebar-collapsed-icon {
      display: none;
    }

    .gutter-toggle {
Phil Hughes committed
178
      margin-top: 7px;
179 180
      border-left: 1px solid $border-gray-light;
    }
Phil Hughes committed
181

182
    .assignee .avatar {
Phil Hughes committed
183 184 185 186 187 188 189 190 191 192 193 194
      float: left;
      margin-right: 10px;
      margin-bottom: 0;
      margin-left: 0;
    }

    .username {
      display: block;
      margin-top: 4px;
      font-size: 13px;
      font-weight: normal;
    }
195 196 197
  }

  &.right-sidebar-collapsed {
198 199 200
    /* Extra small devices (phones, less than 768px) */
    display: none;
    /* Small devices (tablets, 768px and up) */
201 202 203 204
    @media (min-width: $screen-sm-min) {
      display: block
    }

205
    width: $sidebar_collapsed_width;
206 207 208
    padding-top: 0;

    .block {
209
      width: $sidebar_collapsed_width - 2px;
210
      margin-left: -19px;
211
      padding: 15px 0 0;
212 213
      border-bottom: none;
      overflow: hidden;
214
    }
215

Phil Hughes committed
216 217 218 219
    .participants {
      border-bottom: 1px solid $border-gray-light;
    }

220
    .hide-collapsed {
221 222 223
      display: none;
    }

224
    .gutter-toggle {
Phil Hughes committed
225 226 227
      width: 100%;
      margin-left: 0;
      padding-left: 25px;
228 229 230 231
    }

    .sidebar-collapsed-icon {
      display: block;
232
      width: 100%;
233
      text-align: center;
234
      padding-bottom: 10px;
235
      color: #999;
236 237 238 239 240

      span {
        display: block;
        margin-top: 0;
      }
241

242 243 244 245
      .author {
        display: none;
      }

246 247 248 249 250 251 252 253
      .btn-clipboard {
        border: none;

        &:hover {
          background: transparent;
        }

        i {
254
          color: #999;
255 256
        }
      }
257
    }
Phil Hughes committed
258 259 260 261 262

    .sidebar-collapsed-user {
      padding-bottom: 0;
      margin-bottom: 10px;
    }
263 264 265 266

    .issuable-header-btn {
      display: none;
    }
267 268
  }

269
  .issuable-header-btn {
270 271
    background: $gray-normal;
    border: 1px solid $border-gray-normal;
272

273 274 275
    &:hover {
      background: $gray-dark;
      border: 1px solid $border-gray-dark;
276
    }
277 278 279 280

    &.btn-primary {
      @extend .btn-primary
    }
281
  }
Phil Hughes committed
282

283
  a {
Phil Hughes committed
284 285 286 287 288
    &:hover {
      color: $md-link-color;
      text-decoration: none;
    }
  }
289

290 291 292 293 294 295
  .dropdown-content {
    a:hover {
      color: inherit;
    }
  }

296 297
  .dropdown-menu-toggle {
    width: 100%;
298
    padding-top: 6px;
299 300 301 302 303
  }

  .open .dropdown-menu {
    width: 100%;
  }
304
}
305 306 307 308 309

.detail-page-description {
  small {
    color: $gray-darkest;
  }
310
}
311 312 313 314 315 316 317 318

.edited-text {
  color: $gray-darkest;

  .author_link {
    color: $gray-darkest;
  }
}
Phil Hughes committed
319 320

.participants-list {
321
  margin: -5px;
Phil Hughes committed
322 323 324 325
}

.participants-author {
  display: inline-block;
326
  padding: 5px;
Phil Hughes committed
327 328 329 330 331 332 333 334 335 336 337 338 339 340 341

  .author_link {
    display: block;
  }

  .avatar.avatar-inline {
    margin: 0;
  }
}

.participants-more {
  margin-top: 5px;
  margin-left: 5px;

  a {
342
    color: $gl-placeholder-color;
Phil Hughes committed
343 344
  }
}
345 346 347 348 349 350

.issuable-form-padding-top {
  @media (min-width: $screen-sm-min) {
    padding-top: 7px;
  }
}
351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397

.issuable-status-box {
  float: none;
  display: inline-block;
  margin-top: 0;

  @media (max-width: $screen-xs-max) {
    position: absolute;
    top: 0;
    left: 0;
  }
}

.issuable-header {
  position: relative;
  padding-left: 45px;
  padding-right: 45px;
  line-height: 35px;

  @media (min-width: $screen-sm-min) {
    float: left;
    padding-left: 0;
    padding-right: 0;
  }
}

.issuable-actions {
  padding-top: 10px;

  @media (min-width: $screen-sm-min) {
    float: right;
    padding-top: 0;
  }
}

.issuable-gutter-toggle {
  @media (max-width: $screen-sm-max) {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.issuable-meta {
  display: inline-block;
  line-height: 18px;
}
398 399 400 401 402 403 404 405 406

.js-issuable-selector-wrap {
  .js-issuable-selector {
    width: 100%;
  }
  @media (max-width: $screen-sm-max) {
    margin-bottom: $gl-padding;
  }
}
407 408 409 410 411

.issuable-list {
  li {
    .issue-check {
      float: left;
412
      padding-right: $gl-padding;
413 414 415 416 417 418 419 420 421
      margin-bottom: 10px;
      min-width: 15px;

      .selected_issue {
        vertical-align: text-top;
      }
    }
  }
}