issuable.scss 6.24 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's avatar
Douwe Maan committed
25 26 27 28 29
.issuable-show-labels {
  a {
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
30

Douwe Maan's avatar
Douwe Maan committed
31 32
    .color-label {
      padding: 6px 10px;
33
      border-radius: $label-border-radius;
Douwe Maan's avatar
Douwe Maan committed
34 35
    }
  }
Phil Hughes's avatar
Phil Hughes committed
36 37 38 39

  &.has-labels {
    margin-bottom: -5px;
  }
Douwe Maan's avatar
Douwe Maan committed
40 41
}

Phil Hughes's avatar
Phil Hughes committed
42
.right-sidebar {
43 44 45 46
  a {
    color: inherit;
  }

47 48 49 50
  .issuable-header-text {
    margin-top: 7px;
  }

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

Phil Hughes's avatar
Phil Hughes committed
60 61 62
    &.issuable-sidebar-header {
      padding-top: 0;
      padding-bottom: 10px;
63 64
    }

65 66 67
    &:last-child {
      border: none;
    }
68

Jacob Schatz's avatar
Jacob Schatz committed
69
    span {
70 71 72
      display: inline-block;
    }

Jacob Schatz's avatar
Jacob Schatz committed
73 74 75 76
    .select2-container span {
      margin-top: 0;
    }

77
    .gutter-toggle {
Jacob Schatz's avatar
Jacob Schatz committed
78
      margin-left: 20px;
79
      padding-left: 10px;
80 81 82 83

      &:hover {
        color: $gray-darkest;
      }
84
    }
85
  }
86

Phil Hughes's avatar
Phil Hughes committed
87 88 89 90
  .block-first {
    padding-top: 0;
  }

91 92
  .title {
    color: $gl-text-color;
Phil Hughes's avatar
Phil Hughes committed
93 94
    margin-bottom: 10px;
    line-height: 1;
Valery Sizov's avatar
Valery Sizov committed
95

96 97
    .avatar {
      margin-left: 0;
Valery Sizov's avatar
Valery Sizov committed
98 99
    }

100 101
    .edit-link {
      color: $gl-gray;
Phil Hughes's avatar
Phil Hughes committed
102 103 104 105

      &:hover {
        color: $md-link-color;
      }
106
    }
Valery Sizov's avatar
Valery Sizov committed
107 108
  }

109
  .cross-project-reference {
110
    color: inherit;
111

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

121 122 123 124
    cite {
      font-style: normal;
    }

125 126
    button {
      float: right;
127 128
      padding: 1px 5px;
      background-color: $gray-light;
Valery Sizov's avatar
Valery Sizov committed
129
    }
130
  }
131

132
  .selectbox {
133
    display: none;
134
  }
135

136
  .btn-clipboard:hover {
137
    color: $gl-gray;
Valery Sizov's avatar
Valery Sizov committed
138
  }
139
}
140 141 142

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

151 152
  &.right-sidebar-expanded {
    width: $gutter_width;
153

Phil Hughes's avatar
Phil Hughes committed
154 155
    .value {
      line-height: 1;
156 157 158 159 160

      .assign-yourself {
        margin-top: 10px;
        display: block;
      }
Phil Hughes's avatar
Phil Hughes committed
161 162 163 164
    }

    .bold {
      font-weight: 600;
165
    }
166

Phil Hughes's avatar
Phil Hughes committed
167 168 169 170
    .light {
      font-weight: normal;
    }

171
    .no-value {
172
      color: $gl-placeholder-color;
173 174
    }

175 176 177 178 179
    .sidebar-collapsed-icon {
      display: none;
    }

    .gutter-toggle {
Phil Hughes's avatar
Phil Hughes committed
180
      margin-top: 7px;
181 182
      border-left: 1px solid $border-gray-light;
    }
Phil Hughes's avatar
Phil Hughes committed
183

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

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

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

207
    width: $sidebar_collapsed_width;
208 209 210
    padding-top: 0;

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

Phil Hughes's avatar
Phil Hughes committed
218 219 220 221
    .participants {
      border-bottom: 1px solid $border-gray-light;
    }

222
    .hide-collapsed {
Jacob Schatz's avatar
Jacob Schatz committed
223 224 225
      display: none;
    }

226
    .gutter-toggle {
Phil Hughes's avatar
Phil Hughes committed
227 228 229
      width: 100%;
      margin-left: 0;
      padding-left: 25px;
230 231 232 233
    }

    .sidebar-collapsed-icon {
      display: block;
234
      width: 100%;
235
      text-align: center;
236
      padding-bottom: 10px;
237
      color: $issuable-sidebar-color;
238

239 240 241 242
      &:hover {
        color: $gl-gray;
      }

243 244 245 246
      span {
        display: block;
        margin-top: 0;
      }
247

248 249 250 251
      .author {
        display: none;
      }

252
      .avatar:hover {
253
        border-color: $issuable-avatar-hover-border;
254 255
      }

256 257
      .btn-clipboard {
        border: none;
258
        color: $issuable-clipboard-color;
259 260 261

        &:hover {
          background: transparent;
262
          color: $gl-gray;
263 264
        }
      }
265
    }
Phil Hughes's avatar
Phil Hughes committed
266 267 268 269 270

    .sidebar-collapsed-user {
      padding-bottom: 0;
      margin-bottom: 10px;
    }
271 272 273 274

    .issuable-header-btn {
      display: none;
    }
Jacob Schatz's avatar
Jacob Schatz committed
275 276
  }

277
  a {
Phil Hughes's avatar
Phil Hughes committed
278 279 280 281 282
    &:hover {
      color: $md-link-color;
      text-decoration: none;
    }
  }
283

284 285 286 287 288 289
  .dropdown-content {
    a:hover {
      color: inherit;
    }
  }

290 291
  .dropdown-menu-toggle {
    width: 100%;
292
    padding-top: 6px;
293 294 295 296 297
  }

  .open .dropdown-menu {
    width: 100%;
  }
298
}
299 300 301 302 303

.detail-page-description {
  small {
    color: $gray-darkest;
  }
304
}
305 306 307 308 309 310 311 312

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

  .author_link {
    color: $gray-darkest;
  }
}
Phil Hughes's avatar
Phil Hughes committed
313 314

.participants-list {
315
  margin: -5px;
Phil Hughes's avatar
Phil Hughes committed
316 317 318 319
}

.participants-author {
  display: inline-block;
320
  padding: 5px;
Phil Hughes's avatar
Phil Hughes committed
321 322 323 324 325 326 327 328 329 330 331 332 333 334 335

  .author_link {
    display: block;
  }

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

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

  a {
336
    color: $gl-placeholder-color;
Phil Hughes's avatar
Phil Hughes committed
337 338
  }
}
339 340 341 342 343 344

.issuable-form-padding-top {
  @media (min-width: $screen-sm-min) {
    padding-top: 7px;
  }
}
345 346 347 348 349 350 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

.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;
}
392 393 394 395 396

.js-issuable-selector-wrap {
  .js-issuable-selector {
    width: 100%;
  }
397

398 399 400 401
  @media (max-width: $screen-sm-max) {
    margin-bottom: $gl-padding;
  }
}
402 403 404 405 406

.issuable-list {
  li {
    .issue-check {
      float: left;
407
      padding-right: $gl-padding;
408 409 410 411 412 413 414 415 416
      margin-bottom: 10px;
      min-width: 15px;

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