AuroraMiddleware/gtk
1
0
Fork 1
mirror of https://gitlab.gnome.org/GNOME/gtk.git synced 2024-12-28 14:31:10 +00:00
Code Issues Projects Releases Wiki Activity

Adwaita: Improve emoji picker styling

Browse Source 
- Add borders around the main scrollable content, like most other
  places.
- Set padding and spacing on .emoji-searchbar and .emoji-toolbar in a
  more proper way.
- Remove unused button.emoji-section label styles.
This commit is contained in:
nana-4 2020-12-12 16:52:49 +09:00
parent 90355c0b27
commit 34d99ea1d0
1 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
gtk/theme/Adwaita/_common.scss
View File

@ -4229,8 +4229,18 @@ stackswitcher.circular {
popover.emoji-picker > contents {
padding: 0;
}
entry.search { margin: 5px; }
.emoji-searchbar {
padding: 6px;
border-spacing: 6px;
border-bottom: 1px solid $borders_color;
}
.emoji-toolbar {
padding: 6px;
border-spacing: 6px;
border-top: 1px solid $borders_color;
}
button.emoji-section {
@ -4239,7 +4249,6 @@ button.emoji-section {
border-style: none none solid;
border-radius: 0;
margin: 2px 8px 4px;
padding: 3px 0 0;
min-width: 32px;
min-height: 28px;
@ -4249,20 +4258,8 @@ button.emoji-section {
box-shadow: none;
text-shadow: none;
&:dir(ltr):not(:last-child) { margin-right: 0; }
&:dir(rtl):not(:last-child) { margin-left: 0; }
&:hover { border-color: if($variant == 'light', $borders_color, transparentize($fg_color, .9)); }
&:checked { border-color: $selected_bg_color; }
label {
padding: 0;
opacity: 0.55;
}
&:hover label { opacity: 0.775; }
&:checked label { opacity: 1; }
}
popover.emoji-picker emoji {