diff --git a/src/browser/base/content/zen-styles/zen-animations.css b/src/browser/base/content/zen-styles/zen-animations.css index 962ac33e7..9583d87c5 100644 --- a/src/browser/base/content/zen-styles/zen-animations.css +++ b/src/browser/base/content/zen-styles/zen-animations.css @@ -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 */ @keyframes zen-glance-overlay-animation { from { diff --git a/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css b/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css index 98665b4cf..a83113fb6 100644 --- a/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css +++ b/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css @@ -565,19 +565,6 @@ bottom: 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; - } - } } } } diff --git a/src/browser/base/content/zen-styles/zen-workspaces.css b/src/browser/base/content/zen-styles/zen-workspaces.css index 07fc42ed7..fb989c974 100644 --- a/src/browser/base/content/zen-styles/zen-workspaces.css +++ b/src/browser/base/content/zen-styles/zen-workspaces.css @@ -55,17 +55,13 @@ } @media not (-moz-bool-pref: 'zen.workspaces.hide-deactivated-workspaces') { - &[active='true']::after { - content: ''; - position: absolute; - width: 4px; - border-radius: 99px; - height: 4px; - background: var(--zen-primary-color); - bottom: -2px; - left: 50%; - transform: translateX(-50%); - animation: zen-workspaces-button-active 0.1s ease-in-out; + & { + opacity: 0.4; + transition: opacity 0.2s; + } + + &[active='true'] { + opacity: 1; } } }