diff options
author | Clement Ho <ClemMakesApps@gmail.com> | 2018-04-09 10:26:28 -0500 |
---|---|---|
committer | Clement Ho <ClemMakesApps@gmail.com> | 2018-04-09 10:26:28 -0500 |
commit | 36143d414fd25c7f82fa95987fa89643bc4e5ce3 (patch) | |
tree | 3931b63500d703261594b0314fe50c0a04d94800 /app/assets/stylesheets/pages/labels.scss | |
parent | e8490c4121f80af9b39903c0a1be393e1ab99e1a (diff) | |
download | gitlab-ce-36143d414fd25c7f82fa95987fa89643bc4e5ce3.tar.gz |
Ran migration script
Diffstat (limited to 'app/assets/stylesheets/pages/labels.scss')
-rw-r--r-- | app/assets/stylesheets/pages/labels.scss | 48 |
1 files changed, 24 insertions, 24 deletions
diff --git a/app/assets/stylesheets/pages/labels.scss b/app/assets/stylesheets/pages/labels.scss index b0852adb459..d524db62d68 100644 --- a/app/assets/stylesheets/pages/labels.scss +++ b/app/assets/stylesheets/pages/labels.scss @@ -57,30 +57,30 @@ border-bottom-left-radius: $border-radius-base; } -.label-row { - .label-name { +.badge.badge-pill-row { + .badge.badge-pill-name { display: inline-block; margin-bottom: 10px; - @media (min-width: $screen-sm-min) { + @include media-breakpoint-up(sm) { width: 200px; margin-left: $gl-padding * 2; margin-bottom: 0; } - .label { + .badge.badge-pill { overflow: hidden; text-overflow: ellipsis; max-width: 100%; } } - .label-type { + .badge.badge-pill-type { display: block; margin-bottom: 10px; margin-left: 50px; - @media (min-width: $screen-sm-min) { + @include media-breakpoint-up(sm) { display: inline-block; width: 100px; margin-left: 10px; @@ -89,7 +89,7 @@ } } - .label-description { + .badge.badge-pill-description { display: block; margin-bottom: 10px; @@ -101,7 +101,7 @@ color: $blue-600; } - @media (min-width: $screen-sm-min) { + @include media-breakpoint-up(sm) { display: inline-block; max-width: 50%; margin-left: 10px; @@ -110,7 +110,7 @@ } } - .label { + .badge.badge-pill { padding: 4px $grid-size; font-size: $label-font-size; position: relative; @@ -132,7 +132,7 @@ } .manage-labels-list { - @media(min-width: $screen-md-min) { + @media(min-width: map-get($grid-breakpoints, md)) { &.content-list li { padding: $gl-padding 0; } @@ -171,12 +171,12 @@ } .dropdown { - @media (min-width: $screen-sm-min) { + @include media-breakpoint-up(sm) { float: right; } } - @media (max-width: $screen-xs-max) { + @include media-breakpoint-down(xs) { .dropdown-menu { min-width: 100%; } @@ -234,7 +234,7 @@ font-size: 0; padding: 12px 16px; - .label-row { + .badge.badge-pill-row { margin-top: 4px; margin-bottom: 4px; @@ -243,7 +243,7 @@ } } - .label-remove { + .badge.badge-pill-remove { border-left: 1px solid $label-remove-border; z-index: 3; border-radius: $label-border-radius; @@ -270,11 +270,11 @@ } } -.label-options-toggle { +.badge.badge-pill-options-toggle { width: 100%; } -.label-subscription { +.badge.badge-pill-subscription { vertical-align: middle; .dropdown-group-label a { @@ -282,39 +282,39 @@ } } -.label-subscribe-button { - @media(min-width: $screen-md-min) { +.badge.badge-pill-subscribe-button { + @media(min-width: map-get($grid-breakpoints, md)) { min-width: 105px; margin-left: $gl-padding; } - .label-subscribe-button-icon { + .badge.badge-pill-subscribe-button-icon { &[disabled] { opacity: 0.5; pointer-events: none; } } - .label-subscribe-button-loading { + .badge.badge-pill-subscribe-button-loading { display: none; } &.disabled { - .label-subscribe-button-icon { + .badge.badge-pill-subscribe-button-icon { display: none; } - .label-subscribe-button-loading { + .badge.badge-pill-subscribe-button-loading { display: block; } } } -.label-link { +.badge.badge-pill-link { display: inline-flex; vertical-align: top; - .label { + .badge.badge-pill { vertical-align: inherit; font-size: $label-font-size; } |