zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

feat(ui): add font size outline when focused (#2798)

Browse source
This commit is contained in:
Joaquín Sánchez 2024-04-12 19:19:37 +02:00 • committed by GitHub
parent 9fa8149f68
commit 14162f8bcb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 17 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

12
components/settings/SettingsFontSize.vue
View file

@ -31,6 +31,7 @@ function setFontSize(e: Event) {
<div flex items-center justify-between absolute w-full pointer-events-none>
<div
v-for="i in sizes.length" :key="i"
class="container-marker"
h-3 w-3
rounded-full bg-secondary-light
relative
@ -48,6 +49,17 @@ function setFontSize(e: Event) {
</template>
<style>
input:focus + div .container-marker:has(> div)::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 2rem;
height: 2rem;
border: 2px solid var(--c-primary);
border-radius: 50%;
}
input[type=range]::-webkit-slider-runnable-track {
--at-apply: bg-secondary-light rounded-full h1 op60;
}