Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-02-13 14:16:25 +01:00
Code Issues Projects Releases Packages Wiki Activity

web/PickerItem: add a proper focus ring & fix different border radius

Browse source
This commit is contained in:
wukko 2025-02-13 00:29:09 +06:00
parent 553b3f9091
commit 935947cafc
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
web/src/components/dialog/PickerItem.svelte
View file

@ -67,6 +67,15 @@
border-radius: calc(var(--border-radius) / 2 + 2px); border-radius: calc(var(--border-radius) / 2 + 2px);
} }
.picker-item:focus-visible::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
box-shadow: 0 0 0 2px var(--blue) inset;
border-radius: inherit;
}
:global(.picker-image) { :global(.picker-image) {
display: block; display: block;
width: 100%; width: 100%;
@ -76,7 +85,7 @@
pointer-events: all; pointer-events: all;
object-fit: cover; object-fit: cover;
border-radius: calc(var(--border-radius) / 2); border-radius: inherit;
} }
.picker-image.loading { .picker-image.loading {