diff options
Diffstat (limited to 'app/assets/stylesheets/components/design_management/design.scss')
-rw-r--r-- | app/assets/stylesheets/components/design_management/design.scss | 59 |
1 files changed, 51 insertions, 8 deletions
diff --git a/app/assets/stylesheets/components/design_management/design.scss b/app/assets/stylesheets/components/design_management/design.scss index 1061aae2bbb..380b2280490 100644 --- a/app/assets/stylesheets/components/design_management/design.scss +++ b/app/assets/stylesheets/components/design_management/design.scss @@ -1,3 +1,7 @@ +.layout-page.design-detail-layout { + max-height: 100vh; +} + .design-detail { background-color: rgba($black, 0.9); @@ -5,8 +9,30 @@ top: 35px; } - .inactive { - opacity: 0.5; + .design-pin { + transition: opacity 0.5s ease; + + &.inactive { + @include gl-opacity-5; + + &:hover { + @include gl-opacity-10; + } + } + } + + .badge.badge-pill { + display: flex; + height: 28px; + width: 28px; + background-color: $blue-400; + color: $white; + border: $white 1px solid; + border-radius: 50%; + + &.resolved { + background-color: $gray-700; + } } } @@ -40,14 +66,31 @@ min-width: 400px; flex-basis: 28%; + .link-inherit-color { + &:hover, + &:active, + &:focus { + color: inherit; + text-decoration: none; + } + } + + .toggle-comments { + line-height: 20px; + border-top: 1px solid $border-color; + + &.expanded { + border-bottom: 1px solid $border-color; + } + + .toggle-comments-button:focus { + text-decoration: none; + color: $blue-600; + } + } + .badge.badge-pill { margin-left: $gl-padding; - background-color: $blue-400; - color: $white; - border: $white 1px solid; - min-height: 28px; - padding: 7px 10px; - border-radius: $gl-padding; } .design-discussion { |