forked from AuroraMiddleware/gtk
Adwaita: Emoji picker adjustments
- Add margins for search entry; - Increase side margins for emoji-section buttons box; - Apply border-radius on hovered emoji; - Adjust indication of hovered emoji-section button.
This commit is contained in:
parent
ab407ba57c
commit
22d5b9bc41
@ -4710,7 +4710,12 @@ stackswitcher.circular {
|
||||
* Emoji *
|
||||
********/
|
||||
|
||||
popover.emoji-picker { padding-left: 0; padding-right: 0; }
|
||||
popover.emoji-picker {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
|
||||
entry.search { margin: 3px 5px 5px 5px; }
|
||||
}
|
||||
|
||||
button.emoji-section {
|
||||
border-color: transparent;
|
||||
@ -4730,8 +4735,11 @@ button.emoji-section {
|
||||
|
||||
outline-offset: -5px;
|
||||
|
||||
&:first-child { margin-left: 7px; }
|
||||
&:last-child { margin-right: 7px; }
|
||||
|
||||
&:backdrop:not(:checked) { border-color: transparent; }
|
||||
&:hover { border-color: $borders_color; }
|
||||
&:hover { border-color: if($variant == 'light', $borders_color, transparentize($fg_color, .9)); }
|
||||
&:checked { border-color: $selected_bg_color; }
|
||||
|
||||
label {
|
||||
@ -4747,10 +4755,10 @@ button.emoji-section {
|
||||
popover.emoji-picker .emoji {
|
||||
font-size: x-large;
|
||||
padding: 6px;
|
||||
border-radius: 6px;
|
||||
|
||||
:hover {
|
||||
background: $selected_bg_color;
|
||||
border-radius: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -2043,11 +2043,17 @@ stackswitcher.circular > button.circular, stackswitcher.circular > button.text-b
|
||||
/********* Emoji * */
|
||||
popover.emoji-picker { padding-left: 0; padding-right: 0; }
|
||||
|
||||
popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; }
|
||||
|
||||
button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; }
|
||||
|
||||
button.emoji-section:first-child { margin-left: 7px; }
|
||||
|
||||
button.emoji-section:last-child { margin-right: 7px; }
|
||||
|
||||
button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
|
||||
|
||||
button.emoji-section:hover { border-color: #1b1b1b; }
|
||||
button.emoji-section:hover { border-color: rgba(238, 238, 236, 0.1); }
|
||||
|
||||
button.emoji-section:checked { border-color: #15539e; }
|
||||
|
||||
@ -2057,9 +2063,9 @@ button.emoji-section:hover label { opacity: 0.775; }
|
||||
|
||||
button.emoji-section:checked label { opacity: 1; }
|
||||
|
||||
popover.emoji-picker .emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
|
||||
popover.emoji-picker .emoji { font-size: x-large; padding: 6px; }
|
||||
|
||||
popover.emoji-picker .emoji :hover { background: #15539e; }
|
||||
popover.emoji-picker .emoji :hover { background: #15539e; border-radius: 6px; }
|
||||
|
||||
popover.emoji-completion contents row box { border-spacing: 10px; padding: 2px 10px; }
|
||||
|
||||
|
@ -2059,8 +2059,14 @@ stackswitcher.circular > button.circular, stackswitcher.circular > button.text-b
|
||||
/********* Emoji * */
|
||||
popover.emoji-picker { padding-left: 0; padding-right: 0; }
|
||||
|
||||
popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; }
|
||||
|
||||
button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; }
|
||||
|
||||
button.emoji-section:first-child { margin-left: 7px; }
|
||||
|
||||
button.emoji-section:last-child { margin-right: 7px; }
|
||||
|
||||
button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
|
||||
|
||||
button.emoji-section:hover { border-color: #cdc7c2; }
|
||||
@ -2073,9 +2079,9 @@ button.emoji-section:hover label { opacity: 0.775; }
|
||||
|
||||
button.emoji-section:checked label { opacity: 1; }
|
||||
|
||||
popover.emoji-picker .emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
|
||||
popover.emoji-picker .emoji { font-size: x-large; padding: 6px; }
|
||||
|
||||
popover.emoji-picker .emoji :hover { background: #3584e4; }
|
||||
popover.emoji-picker .emoji :hover { background: #3584e4; border-radius: 6px; }
|
||||
|
||||
popover.emoji-completion contents row box { border-spacing: 10px; padding: 2px 10px; }
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user