matt/flotilla
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Hide emoji picker border in dialog

Browse source
This commit is contained in:
Jon Staab 2026-08-17 15:14:12 -07:00
parent 974c6413af
commit 3dfb5e60de
1 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/lib/components/base.css
View file

@ -413,6 +413,12 @@ emoji-picker {
max-width: 100%; max-width: 100%;
} }
/* In a popover the border is what separates the picker from the page, but in a dialog
it sits on a surface of its own color, so it reads as a stray box. */
.dialog emoji-picker {
--border-size: 0;
}
[data-tippy-root]:has(emoji-picker) { [data-tippy-root]:has(emoji-picker) {
max-width: min(352px, calc(100vw - 2rem)); max-width: min(352px, calc(100vw - 2rem));
} }