Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-02-08 19:56:34 +01:00
Code Issues Projects Releases Packages Wiki Activity

web/Toggle: make the toggle stretchy

Browse source
This commit is contained in:
wukko 2024-11-20 16:06:48 +06:00
parent b8c1c1fe51
commit 1374693c2f
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
web/src/components/misc/Toggle.svelte
View file

@ -34,7 +34,7 @@
background: var(--white); background: var(--white);
border-radius: 100px; border-radius: 100px;
transform: translateX(0%); transform: translateX(0%);
transition: transform 0.2s; transition: transform 0.2s, width 0.2s;
} }
.toggle.enabled { .toggle.enabled {
@ -44,4 +44,8 @@
.toggle.enabled .toggle-switcher { .toggle.enabled .toggle-switcher {
transform: translateX(var(--enabled-pos)); transform: translateX(var(--enabled-pos));
} }
:global(.toggle-container:active .toggle:not(.enabled) .toggle-switcher) {
width: calc(var(--base-size) * 1.3);
}
</style> </style>