mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2024-12-29 11:06:10 +00:00
Code Issues Actions Packages Projects Releases 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) { $: if (isTabActive && tab) {
showTab(tab); showTab(tab);
tab.classList.add("animate")
setTimeout(() => {
tab.classList.remove("animate")
}, 220)
} }
</script> </script>
@ -70,11 +75,14 @@
color: var(--sidebar-bg); color: var(--sidebar-bg);
background: var(--sidebar-highlight); background: var(--sidebar-highlight);
opacity: 1; opacity: 1;
animation: pressButton 0.2s;
transition: none; transition: none;
transform: none; transform: none;
} }
:global(.sidebar-tab.animate) {
animation: pressButton 0.2s;
}
.sidebar-tab:active:not(.active) { .sidebar-tab:active:not(.active) {
transform: scale(0.95); transform: scale(0.95);
} }