diff options
author | Eugen Rochko <eugen@zeonfederated.com> | 2020-01-28 02:21:00 +0100 |
---|---|---|
committer | Thibaut Girka <thib@sitedethib.com> | 2020-01-28 19:17:47 +0100 |
commit | 8bb5d1abaad3bec92ac8d9cefcf5b1871429edcb (patch) | |
tree | df4b6abe95f0e4c9a422eee52ccc03a8571655fe /app/javascript/flavours | |
parent | ed5fb51168efee6e710a899e53e6928b35fa8a49 (diff) |
[Glitch] Fix design of announcements in admin UI
Port 305abc9e05ddb2db6a40a6eda01578e01e58791f to glitch-soc Signed-off-by: Thibaut Girka <thib@sitedethib.com>
Diffstat (limited to 'app/javascript/flavours')
-rw-r--r-- | app/javascript/flavours/glitch/styles/admin.scss | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/admin.scss b/app/javascript/flavours/glitch/styles/admin.scss index a1895d066..26a98c66f 100644 --- a/app/javascript/flavours/glitch/styles/admin.scss +++ b/app/javascript/flavours/glitch/styles/admin.scss @@ -903,3 +903,46 @@ a.name-tag, .center-text { text-align: center; } + +.announcements-list { + border: 1px solid lighten($ui-base-color, 4%); + border-radius: 4px; + + &__item { + padding: 15px 0; + background: $ui-base-color; + border-bottom: 1px solid lighten($ui-base-color, 4%); + + &__title { + padding: 0 15px; + display: block; + font-weight: 500; + font-size: 18px; + line-height: 1.5; + color: $secondary-text-color; + text-decoration: none; + margin-bottom: 10px; + + &:hover, + &:focus, + &:active { + color: $primary-text-color; + } + } + + &__meta { + padding: 0 15px; + color: $dark-text-color; + } + + &__action-bar { + display: flex; + justify-content: space-between; + align-items: center; + } + + &:last-child { + border-bottom: 0; + } + } +} |