mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-09-29 22:48:39 +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;
}
}
/* 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')) {
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%);
#tabbrowser-arrowscrollbox:has(tab:not([hidden])) & {
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%);
}
}
}
}