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

Add floating style for glance tabs in essentials and adjust new tab button border styling

Browse Source
This commit is contained in:
mr. M
2024-11-10 19:13:30 +01:00
parent 47fdeada01
commit 73b24aa5ae
1 changed files with 26 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -157,6 +157,18 @@
--toolbarbutton-inner-padding: 0 !important; --toolbarbutton-inner-padding: 0 !important;
} }
} }
/* On essentials, glance tabs are floating */
&[zen-essential='true'] .tabbrowser-tab {
position: absolute;
top: 3px;
right: 5px;
--tab-collapsed-width: 15px;
--tab-min-height: 15px;
width: var(--tab-collapsed-width) !important;
z-index: 1;
pointer-events: none;
}
} }
} }
@@ -748,18 +760,20 @@
} }
@media (-moz-bool-pref: 'zen.view.show-newtab-button-border-top') and (not (-moz-bool-pref: 'zen.view.show-newtab-button-top')) { @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; #tabbrowser-arrowscrollbox:has(tab:not([hidden])) & {
position: relative; margin-top: 15px;
&::before { position: relative;
content: ''; &::before {
display: block; content: '';
height: 1px; display: block;
background: light-dark(rgba(1, 1, 1, 0.075), rgba(255, 255, 255, 0.1)); height: 1px;
width: 98%; background: light-dark(rgba(1, 1, 1, 0.075), rgba(255, 255, 255, 0.1));
position: absolute; width: 98%;
top: -8px; position: absolute;
left: 50%; top: -8px;
transform: translateX(-50%); left: 50%;
transform: translateX(-50%);
}
} }
} }
} }