diff options
author | Constance Okoghenun <constanceokoghenun@gmail.com> | 2019-01-17 15:08:37 +0300 |
---|---|---|
committer | Constance Okoghenun <constanceokoghenun@gmail.com> | 2019-01-17 15:08:37 +0300 |
commit | 498285d5f45ee2fd8aee3b799f212633d1a17c6a (patch) | |
tree | 7b7b2947b78c94b34e1ac48007ba2bc68df8eb3d /app/assets/stylesheets/components/related_items_list.scss | |
parent | b4e7efc065c8fc5b4564fea5db259db750d4b899 (diff) |
Restyled issues related merge request title
From the MD breakpoint up, the title should be truncated.
From MD breakpoint down, it should wrap as normal.
Diffstat (limited to 'app/assets/stylesheets/components/related_items_list.scss')
-rw-r--r-- | app/assets/stylesheets/components/related_items_list.scss | 14 |
1 files changed, 12 insertions, 2 deletions
diff --git a/app/assets/stylesheets/components/related_items_list.scss b/app/assets/stylesheets/components/related_items_list.scss index aaa12716663..40290dfd568 100644 --- a/app/assets/stylesheets/components/related_items_list.scss +++ b/app/assets/stylesheets/components/related_items_list.scss @@ -194,10 +194,18 @@ $item-weight-max-width: 48px; } } +.mr-status-wrapper { + line-height: 0; +} + @include media-breakpoint-up(sm) { .item-body { - .item-contents .item-title .sortable-link { - max-width: 90%; + .item-contents .item-title + .item-contents .item-title { + .mr-title-link, + .sortable-link { + max-width: 90%; + } } } } @@ -216,6 +224,7 @@ $item-weight-max-width: 48px; width: 95%; margin-bottom: $gl-padding-4; + .mr-title-link, .sortable-link { text-overflow: ellipsis; overflow: hidden; @@ -292,6 +301,7 @@ $item-weight-max-width: 48px; flex-basis: unset; font-weight: $gl-font-weight-normal; + .mr-title-link, .sortable-link { display: block; text-overflow: ellipsis; |