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
This commit is contained in:
parent
18f2c39074
commit
1f94f4009e
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue