diff options
| author | Eric Bailey <git@esb.lol> | 2025-03-28 16:38:24 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-03-28 16:38:24 -0500 |
| commit | a84ba121fa7ed5e8d6e0e13783ad50c299b112f2 (patch) | |
| tree | 6999985c60e3d2169893d1c020f6fd53f8f03a2b /src/style.css | |
| parent | 152bc3c1ec74fadc687efe97361ae7b1b5bd73c3 (diff) | |
| download | voidsky-a84ba121fa7ed5e8d6e0e13783ad50c299b112f2.tar.zst | |
Some design tweaks to web emoji picker (#8076)
* Tighten up and reverse action items on web * Tweak web styles for emoji bar * Might as well make disabled more obvious * Format
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css index d5a0f9b43..9d72db4a1 100644 --- a/src/style.css +++ b/src/style.css @@ -290,3 +290,38 @@ input[type='range'][orient='vertical']::-moz-range-thumb { width: 16px; margin-left: -6px; } + +/* + * EmojiReactionPicker dropdown elements, within Radix components + */ +.EmojiReactionPicker__Pressable { + cursor: pointer; + border: 1px solid transparent; +} +.EmojiReactionPicker__Pressable:focus { + outline: none; + border-color: var(--text); +} +.EmojiReactionPicker__Pressable:hover { + outline: none; + transform: scale(1.1); + border-color: transparent; +} +.EmojiReactionPicker__Pressable:not(.__selected).__disabled { + transform: scale(1) !important; + border-color: transparent !important; + opacity: 0.7; +} +.EmojiReactionPicker__Pressable ~ button { + cursor: pointer; + border: 1px solid transparent; +} +.EmojiReactionPicker__Pressable ~ button:focus { + outline: none; + border-color: var(--text); +} +.EmojiReactionPicker__Pressable ~ button:hover { + outline: none; + background-color: var(--backgroundLight); + border-color: transparent; +} |