feat(bar/animations): add scale animation on apps button, fade animation on ws numbers

This commit is contained in:
retrozinndev
2025-03-25 15:58:27 -03:00
parent e2e84c93b5
commit 77ab94a723
6 changed files with 70 additions and 29 deletions
+29 -2
View File
@@ -73,9 +73,17 @@
}
}
&.show {
// Smooth showing
& label.id {
opacity: 1;
}
}
& label.id {
font-weight: 600;
margin-right: 4px;
opacity: 0;
}
& icon {
@@ -235,15 +243,34 @@
& > box {
border-radius: 12px;
transition: 100ms linear;
padding: 0 8px;
min-width: 28px;
padding: 0 4px;
& > label {
& > icon {
transition: 120ms linear;
font-size: 14px;
}
}
&:hover {
& > box {
background: colors.$bg-primary;
& > icon {
font-size: 15px;
-gtk-icon-transform: scale(1.12);
}
}
}
&:active {
& > box {
@include mixins.hover-shadow;
background: colors.$bg-primary;
& > icon {
font-size: 15px;
-gtk-icon-transform: scale(1);
}
}
}
}