diff --git a/app/assets/stylesheets/components/banner.scss b/app/assets/stylesheets/components/banner.scss index cd4e4504b..91842562f 100644 --- a/app/assets/stylesheets/components/banner.scss +++ b/app/assets/stylesheets/components/banner.scss @@ -142,3 +142,47 @@ } } + +.banner-dashboard { + + $baseline-shift: -5px; + + display: block; + position: relative; + padding: $gutter-two-thirds 0; + border-top: 1px solid $border-colour; + border-bottom: 1px solid $border-colour; + margin-bottom: $gutter; + text-decoration: none; + + &:focus { + border-color: $focus-colour; + box-shadow: 0 3px 0 0 $focus-colour, 0 -3px 0 0 $focus-colour; + color: $text-colour; + } + + &-count { + @include bold-36; + padding-right: 5px; + } + + &-count-label { + @include bold-24; + text-decoration: underline; + position: relative; + top: $baseline-shift; + } + + &-meta { + @include core-19; + position: absolute; + right: 0; + bottom: $gutter-two-thirds - $baseline-shift; + text-align: right; + } + + & + .banner-dashboard { + margin-top: -$gutter; + border-top: none; + } +} diff --git a/app/assets/stylesheets/components/show-more.scss b/app/assets/stylesheets/components/show-more.scss index 8c26cdf56..56e89fb16 100644 --- a/app/assets/stylesheets/components/show-more.scss +++ b/app/assets/stylesheets/components/show-more.scss @@ -34,11 +34,6 @@ } -.show-more-empty { - @extend %show-more; - margin-top: -10px; -} - .show-more-no-border { @extend %show-more; border-top: 1px solid transparent; diff --git a/app/templates/views/dashboard/_inbox.html b/app/templates/views/dashboard/_inbox.html index 0e3f386b4..ae02d07cb 100644 --- a/app/templates/views/dashboard/_inbox.html +++ b/app/templates/views/dashboard/_inbox.html @@ -2,20 +2,18 @@