diff --git a/src/browser/base/content/zen-styles/zen-decks.css b/src/browser/base/content/zen-styles/zen-decks.css index 79200caec..7ba7975f5 100644 --- a/src/browser/base/content/zen-styles/zen-decks.css +++ b/src/browser/base/content/zen-styles/zen-decks.css @@ -34,7 +34,6 @@ margin-left: 0 !important; position: absolute !important; overflow: hidden; - transition: inset 0.1s; } #tabbrowser-tabpanels[zen-split-view='true']:not([zen-split-resizing]) > [zen-split-anim='true'] { diff --git a/src/browser/base/content/zen-styles/zen-sidebar-panels.css b/src/browser/base/content/zen-styles/zen-sidebar-panels.css index a7cb968b5..d82053403 100644 --- a/src/browser/base/content/zen-styles/zen-sidebar-panels.css +++ b/src/browser/base/content/zen-styles/zen-sidebar-panels.css @@ -121,7 +121,7 @@ &::before { height: 50px; - width: 4px; + width: 2px; background: var(--button-primary-bgcolor); border-radius: 2px; content: ''; 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 5a3aeb4bf..a28b4fdab 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 @@ -264,7 +264,7 @@ display: none; } - &:active { + #tabbrowser-tabs:not([movingtab]) &:active { scale: var(--zen-active-tab-scale); } diff --git a/src/browser/base/content/zen-styles/zen-workspaces.css b/src/browser/base/content/zen-styles/zen-workspaces.css index 9a13ac4da..ded029357 100644 --- a/src/browser/base/content/zen-styles/zen-workspaces.css +++ b/src/browser/base/content/zen-styles/zen-workspaces.css @@ -499,6 +499,7 @@ overflow: hidden; text-overflow: ellipsis; pointer-events: none; + font-size: small; } } diff --git a/src/browser/base/zen-components/ZenPinnedTabManager.mjs b/src/browser/base/zen-components/ZenPinnedTabManager.mjs index c8ac86c2d..4f18c23d9 100644 --- a/src/browser/base/zen-components/ZenPinnedTabManager.mjs +++ b/src/browser/base/zen-components/ZenPinnedTabManager.mjs @@ -84,7 +84,10 @@ onTabIconChanged(tab, url = null) { const iconUrl = url ?? tab.iconImage.src; if (tab.hasAttribute('zen-essential')) { - tab.querySelector('.tab-background').style.setProperty('--zen-tab-icon', `url(${iconUrl})`); + const pin = this._pinsCache.find((pin) => pin.uuid === tab.getAttribute('zen-pin-id')); + if (pin) { + tab.querySelector('.tab-background').style.setProperty('--zen-tab-icon', `url(${pin.iconUrl})`); + } } // TODO: work on this //if (tab.hasAttribute('zen-pinned-changed') || !this._pinsCache) {