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

chore: Refactor Zen theme modifier and fix notification deck placement

Browse Source
This commit is contained in:
Mauro Balades
2024-08-12 09:41:22 +02:00
parent 1a450ebc72
commit cedd505a09
2 changed files with 5 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/browser/base/content/zenThemeModifier.js
View File

@@ -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();

7
src/browser/themes/shared/zen-browser-shared.css
View File

@@ -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 {