diff options
Diffstat (limited to 'app/assets/stylesheets/page_bundles/issuable_list.scss')
-rw-r--r-- | app/assets/stylesheets/page_bundles/issuable_list.scss | 96 |
1 files changed, 96 insertions, 0 deletions
diff --git a/app/assets/stylesheets/page_bundles/issuable_list.scss b/app/assets/stylesheets/page_bundles/issuable_list.scss new file mode 100644 index 00000000000..b08e129a805 --- /dev/null +++ b/app/assets/stylesheets/page_bundles/issuable_list.scss @@ -0,0 +1,96 @@ +@import 'mixins_and_variables_and_functions'; + +.issuable-list { + li { + .issuable-info-container { + flex: 1; + display: flex; + } + + .issuable-main-info { + flex: 1 auto; + margin-right: 10px; + min-width: 0; + + .issue-weight-icon, + .issue-estimate-icon { + vertical-align: sub; + } + } + + .issuable-meta { + display: flex; + flex-direction: column; + align-items: flex-end; + flex: 1 0 auto; + + .controls { + margin-bottom: 2px; + line-height: 20px; + padding: 0; + } + } + + @include media-breakpoint-down(xs) { + .issuable-meta { + .controls li { + margin-right: 0; + } + } + } + + .issue-check { + min-width: 15px; + } + + .issuable-milestone, + .issuable-info, + .task-status, + .issuable-timestamp { + font-weight: $gl-font-weight-normal; + color: var(--gray-500, $gl-text-color-secondary); + + a { + color: var(--gl-text-color, $gl-text-color); + } + + .gl-label-link { + color: inherit; + + &:hover { + text-decoration: none; + + .gl-label-text:last-of-type { + text-decoration: underline; + } + } + } + + .milestone { + color: var(--gray-700, $gray-700); + } + } + + @media(max-width: map-get($grid-breakpoints, lg)-1) { + .task-status, + .issuable-due-date, + .issuable-weight, + .project-ref-path { + display: none; + } + } + } +} + +.issuable-list li, +.issuable-info-container .controls { + .avatar-counter { + display: inline-block; + vertical-align: middle; + min-width: 16px; + line-height: 14px; + height: 16px; + padding-left: 2px; + padding-right: 2px; + } +} |