mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-10-01 07:28:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Enhance new tab button visibility and workspace indicator styles

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

5
src/browser/app/profile/zen-browser.js
View File

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

33
src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
View File

@@ -730,9 +730,13 @@
display: none; display: none;
} }
@media (-moz-bool-pref: 'zen.tabs.show-newtab-under') { @media (-moz-bool-pref: 'zen.tabs.show-newtab-vertical') {
#tabs-newtab-button { #tabs-newtab-button {
display: flex !important; display: flex !important;
@media (-moz-bool-pref: 'zen.view.show-newtab-button-top') {
order: -1;
}
} }
#tabbrowser-arrowscrollbox-periphery { #tabbrowser-arrowscrollbox-periphery {
@@ -740,19 +744,20 @@
--zen-colors-border: var(--zen-colors-tertiary); --zen-colors-border: var(--zen-colors-tertiary);
} }
margin-top: 15px; @media (-moz-bool-pref: 'zen.view.show-newtab-button-border-top') and (not (-moz-bool-pref: 'zen.view.show-newtab-button-top')) {
position: relative; margin-top: 15px;
position: relative;
&::before { &::before {
content: ''; content: '';
display: block; display: block;
height: 1px; height: 1px;
background: light-dark(rgba(1, 1, 1, 0.075), rgba(255, 255, 255, 0.1)); background: light-dark(rgba(1, 1, 1, 0.075), rgba(255, 255, 255, 0.1));
width: 98%; width: 98%;
position: absolute; position: absolute;
top: -8px; top: -8px;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
}
} }
} }
} }

4
src/browser/base/content/zen-styles/zen-workspaces.css
View File

@@ -410,7 +410,7 @@
/* Mark workspaces indicator */ /* Mark workspaces indicator */
#zen-current-workspace-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; font-weight: 600;
align-items: center; align-items: center;
position: relative; position: relative;
@@ -433,7 +433,7 @@
} }
& #zen-current-workspace-indicator-icon:not([hidden]) + #zen-current-workspace-indicator-name { & #zen-current-workspace-indicator-icon:not([hidden]) + #zen-current-workspace-indicator-name {
margin-left: 23px; margin-left: 27px;
} }
} }