diff --git a/src/browser/base/content/zenThemeModifier.js b/src/browser/base/content/zenThemeModifier.js index 731878bf0..52eef33d8 100644 --- a/src/browser/base/content/zenThemeModifier.js +++ b/src/browser/base/content/zenThemeModifier.js @@ -108,7 +108,6 @@ var ZenThemeModifier = { "nav-bar", "PersonalToolbar" ]; - const kSeparatorId = "zen-website-and-native-separator"; const kNewContainerId = "zen-appcontent-navbar-container"; let newContainer = document.getElementById(kNewContainerId); for (let id of kNavbarItems) { @@ -117,10 +116,10 @@ var ZenThemeModifier = { if (!node) continue; newContainer.appendChild(node); } - // Add the separator - const separator = document.createElement("span"); - separator.id = kSeparatorId; - newContainer.appendChild(separator); + + // Fix notification deck + document.getElementById("zen-appcontent-navbar-container") + .appendChild(document.getElementById("tab-notification-deck")); gZenVerticalTabsManager.init(); gZenCompactModeManager.init(); diff --git a/src/browser/themes/shared/zen-browser-shared.css b/src/browser/themes/shared/zen-browser-shared.css index 7b5ccf2dc..f5fb8ebbd 100644 --- a/src/browser/themes/shared/zen-browser-shared.css +++ b/src/browser/themes/shared/zen-browser-shared.css @@ -56,12 +56,6 @@ border-radius: var(--toolbarbutton-border-radius); } -#zen-website-and-native-separator { - background: light-dark(#ddd, #4a4a4a); - height: 1px; - width: 100%; -} - #urlbar[focused="true"][breakout-extend="true"] { overflow: visible; } @@ -897,6 +891,7 @@ panelmultiview { .tabbrowser-tab[pinned] { grid-column: span 1; + min-width: 100%; } #zen-workspaces-button {