Tweak web styles for emoji bar

This commit is contained in:
Eric Bailey
2025-03-28 15:18:03 -05:00
parent caf9b32533
commit 713ba3d915
2 changed files with 92 additions and 45 deletions
+34
View File
@@ -290,3 +290,37 @@ 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;
}
.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;
}