diff options
author | ariasuni <perso@hack-libre.org> | 2020-06-01 02:10:45 +0200 |
---|---|---|
committer | ThibG <thib@sitedethib.com> | 2020-06-01 12:28:27 +0200 |
commit | 1f94f4009e5b072f8b508b1bf1a046ea034de7c1 (patch) | |
tree | 0e5c70929458dc58d9fb97614e5870490d9fa6cb /app/javascript/flavours/glitch | |
parent | 18f2c390748a112ac72bf9203f1513d295b13b3d (diff) |
Improve appearance of notification cleaning UI
- Use smaller font-size for consistency with the rest of the UI - Make better use of the horizontal space when available
Diffstat (limited to 'app/javascript/flavours/glitch')
-rw-r--r-- | app/javascript/flavours/glitch/styles/components/columns.scss | 21 |
1 files changed, 19 insertions, 2 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/columns.scss b/app/javascript/flavours/glitch/styles/components/columns.scss index 3269638eb..6b657660a 100644 --- a/app/javascript/flavours/glitch/styles/components/columns.scss +++ b/app/javascript/flavours/glitch/styles/components/columns.scss @@ -363,8 +363,8 @@ @extend .column-header__button; background: transparent; text-align: center; - padding: 10px 0; - white-space: pre-wrap; + padding: 10px 5px; + font-size: 14px; } b { @@ -372,6 +372,23 @@ } } + +.layout-single-column .column-header__notif-cleaning-buttons { + @media screen and (min-width: $no-gap-breakpoint) { + b, i { + margin-right: 5px; + } + + br { + display: none; + } + + button { + padding: 15px 5px; + } + } +} + // The notifs drawer with no padding to have more space for the buttons .column-header__collapsible-inner.nopad-drawer { padding: 0; |