feat: Enhance new tab button visibility and workspace indicator styles

This commit is contained in:
mr. M
2024-11-08 18:26:40 +01:00
parent 86a3ad4b1f
commit f3e054d15e
3 changed files with 25 additions and 17 deletions

View File

@@ -75,12 +75,15 @@ pref('zen.welcomeScreen.enabled', true);
pref('zen.welcomeScreen.seen', false);
pref('zen.tabs.vertical', true);
pref('zen.tabs.vertical.right-side', false);
pref('zen.tabs.show-newtab-under', true);
pref('zen.theme.accent-color', "#aac7ff");
pref('zen.theme.content-element-separation', 6); // In pixels
pref('zen.theme.pill-button', false);
pref('zen.theme.gradient', true);
pref('zen.tabs.show-newtab-vertical', true);
pref('zen.view.show-newtab-button-border-top', false);
pref('zen.view.show-newtab-button-top', true);
#ifdef XP_MACOSX
// Disable for macos in the meantime until @HarryHeres finds a solution for hight DPI screens
pref('zen.view.experimental-rounded-view', false);

View File

@@ -730,9 +730,13 @@
display: none;
}
@media (-moz-bool-pref: 'zen.tabs.show-newtab-under') {
@media (-moz-bool-pref: 'zen.tabs.show-newtab-vertical') {
#tabs-newtab-button {
display: flex !important;
@media (-moz-bool-pref: 'zen.view.show-newtab-button-top') {
order: -1;
}
}
#tabbrowser-arrowscrollbox-periphery {
@@ -740,9 +744,9 @@
--zen-colors-border: var(--zen-colors-tertiary);
}
@media (-moz-bool-pref: 'zen.view.show-newtab-button-border-top') and (not (-moz-bool-pref: 'zen.view.show-newtab-button-top')) {
margin-top: 15px;
position: relative;
&::before {
content: '';
display: block;
@@ -757,6 +761,7 @@
}
}
}
}
/* Mark: Essentials Toolbar */
#zen-essentials-container {

View File

@@ -410,7 +410,7 @@
/* Mark workspaces indicator */
#zen-current-workspace-indicator {
margin: calc(var(--zen-toolbox-padding) * 4) calc(4px + var(--tab-inline-padding)) calc(var(--zen-toolbox-padding) * 3);
margin: 20px calc(4px + var(--tab-inline-padding)) 15px;
font-weight: 600;
align-items: center;
position: relative;
@@ -433,7 +433,7 @@
}
& #zen-current-workspace-indicator-icon:not([hidden]) + #zen-current-workspace-indicator-name {
margin-left: 23px;
margin-left: 27px;
}
}