gtk: Change emoji-section style from tab style to bottom navigation style
Bottom tab bar was not recommended in Material guidelines...
by roundabout, Tuesday, 23 April 2019, 17:27:47 (1556040467), pushed by roundabout, Sunday, 11 May 2025, 13:22:37 (1746969757)
Author identity: nana-4 <hnmaigo@gmail.com>
e02d0399a09fe4074aafa7dde58f6aff3bf5e1ec
src/_sass/gtk/_common-3.20.scss
@@ -3468,27 +3468,15 @@ popover.emoji-picker {
scrolledwindow { border-bottom: 1px solid $divider; }
}
// mimic tab style
button.emoji-section {
margin-top: -1px;
padding: 0 8px;
min-width: 24px;
min-height: $medium-size;
border-radius: 0;
outline-offset: -6px;
&, &:hover, &:active { box-shadow: inset 0 2px transparent; }
margin: 4px;
&:checked {
box-shadow: inset 0 2px $primary;
background-color: transparent;
// background-color: transparent;
color: $primary;
}
&:hover, &:active { background-color: $overlay-hover; }
&:first-child { margin-left: 4px; }
&:last-child { margin-right: 4px; }
&:not(:last-child) { margin-right: 0; }
}
popover.emoji-picker .emoji {