Refactor zen-components and zen-styles for improved UI layout and appearance

This commit is contained in:
mauro-balades
2024-09-16 07:51:42 +02:00
parent 1dc3122bd3
commit dcaf5a1636
3 changed files with 17 additions and 8 deletions

View File

@@ -10,13 +10,22 @@
--inactive-titlebar-opacity: 1;
}
:root:not([inDOMFullscreen='true']) #tabbrowser-tabpanels {
padding-right: var(--zen-element-separation);
padding-bottom: var(--zen-element-separation);
:root:not([inDOMFullscreen='true']):not([chromehidden~='location']):not([chromehidden~='toolbar']) {
& #tabbrowser-tabpanels {
padding-right: var(--zen-element-separation);
padding-bottom: var(--zen-element-separation);
#browser:has(#navigator-toolbox[zen-right-side="true"]) & {
padding-right: 0;
padding-left: var(--zen-element-separation);
#browser:has(#navigator-toolbox[zen-right-side="true"]) & {
padding-right: 0;
padding-left: var(--zen-element-separation);
}
}
}
:root:is([inDOMFullscreen='true'], [chromehidden~='location'], [chromehidden~='toolbar']) {
#navigator-toolbox,
#zen-sidebar-splitter {
display: none;
}
}

View File

@@ -162,7 +162,7 @@
& #tabbrowser-tabs {
& .tabbrowser-tab {
&:not([pinned]) .tab-close-button {
&:not([pinned]):is(:hover, [visuallyselected]) .tab-close-button {
display: block !important;
}
}