mirrors
/
mastodon-glitch
mirror of https://github.com/glitch-soc/mastodon
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
pull/1347/head
ariasuni 2020-06-01 02:10:45 +02:00 committed by ThibG
parent 18f2c39074
commit 1f94f4009e
1 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
app/javascript/flavours/glitch/styles/components/columns.scss
View File

@ -363,8 +363,8 @@
@extend .column-header__button; @extend .column-header__button;
background: transparent; background: transparent;
text-align: center; text-align: center;
padding: 10px 0; padding: 10px 5px;
white-space: pre-wrap; font-size: 14px;
} }
b { 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 // The notifs drawer with no padding to have more space for the buttons
.column-header__collapsible-inner.nopad-drawer { .column-header__collapsible-inner.nopad-drawer {
padding: 0; padding: 0;