mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-09-30 15:08:40 +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

33
src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
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,19 +744,20 @@
--zen-colors-border: var(--zen-colors-tertiary);
}
margin-top: 15px;
position: relative;
&::before {
content: '';
display: block;
height: 1px;
background: light-dark(rgba(1, 1, 1, 0.075), rgba(255, 255, 255, 0.1));
width: 98%;
position: absolute;
top: -8px;
left: 50%;
transform: translateX(-50%);
@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;
height: 1px;
background: light-dark(rgba(1, 1, 1, 0.075), rgba(255, 255, 255, 0.1));
width: 98%;
position: absolute;
top: -8px;
left: 50%;
transform: translateX(-50%);
}
}
}
}

4
src/browser/base/content/zen-styles/zen-workspaces.css
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;
}
}