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

14
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,6 +760,7 @@
} }
@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')) {
#tabbrowser-arrowscrollbox:has(tab:not([hidden])) & {
margin-top: 15px; margin-top: 15px;
position: relative; position: relative;
&::before { &::before {
@@ -764,6 +777,7 @@
} }
} }
} }
}
} }
/* Mark: Essentials Toolbar */ /* Mark: Essentials Toolbar */