mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-09-30 23:18:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: remove unused animations and simplify workspace button styles

Browse Source
This commit is contained in:
mr. M
2024-11-18 23:18:50 +01:00
parent 032954be2b
commit a4002a49cc
3 changed files with 7 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/browser/base/content/zen-styles/zen-animations.css
View File

@@ -194,26 +194,6 @@
} }
} }
@keyframes zen-workspaces-button-active-collapsed-left {
from {
left: -20px;
}
to {
left: -2px;
}
}
@keyframes zen-workspaces-button-active-collapsed-right {
from {
right: -20px;
}
to {
right: -2px;
}
}
/* Mark: Zen Glance */ /* Mark: Zen Glance */
@keyframes zen-glance-overlay-animation { @keyframes zen-glance-overlay-animation {
from { from {

13
src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
View File

@@ -565,19 +565,6 @@
bottom: 50% !important; bottom: 50% !important;
transform: translateY(50%) !important; transform: translateY(50%) !important;
} }
@media not (-moz-bool-pref: 'zen.workspaces.hide-deactivated-workspaces') {
:root:has(#navigator-toolbox:not([zen-right-side='true'])) &[active='true']::after {
left: -2px;
animation: zen-workspaces-button-active-collapsed-left 0.1s ease-in-out !important;
}
:root:has(#navigator-toolbox[zen-right-side='true']) &[active='true']::after {
left: unset !important;
right: -2px;
animation: zen-workspaces-button-active-collapsed-right 0.1s ease-in-out !important;
}
}
} }
} }
} }

18
src/browser/base/content/zen-styles/zen-workspaces.css
View File

@@ -55,17 +55,13 @@
} }
@media not (-moz-bool-pref: 'zen.workspaces.hide-deactivated-workspaces') { @media not (-moz-bool-pref: 'zen.workspaces.hide-deactivated-workspaces') {
&[active='true']::after { & {
content: ''; opacity: 0.4;
position: absolute; transition: opacity 0.2s;
width: 4px; }
border-radius: 99px;
height: 4px; &[active='true'] {
background: var(--zen-primary-color); opacity: 1;
bottom: -2px;
left: 50%;
transform: translateX(-50%);
animation: zen-workspaces-button-active 0.1s ease-in-out;
} }
} }
} }