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

web/SidebarTab: yet another attempt to fix blurriness on small res screens

Browse source
This commit is contained in:
wukko 2024-07-12 17:06:05 +06:00
parent 27082cd725
commit 459c746dcc
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
web/src/components/sidebar/SidebarTab.svelte
View file

@ -26,6 +26,11 @@
$: if (isTabActive && tab) {
showTab(tab);
tab.classList.add("animate")
setTimeout(() => {
tab.classList.remove("animate")
}, 220)
}
</script>
@ -70,11 +75,14 @@
color: var(--sidebar-bg);
background: var(--sidebar-highlight);
opacity: 1;
animation: pressButton 0.2s;
transition: none;
transform: none;
}
:global(.sidebar-tab.animate) {
animation: pressButton 0.2s;
}
.sidebar-tab:active:not(.active) {
transform: scale(0.95);
}