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

Refactor zen-components and zen-styles/zen-tabs/vertical-tabs.css

Browse Source
This commit is contained in:
mr. M
2024-11-03 13:44:33 +01:00
parent 419922a2aa
commit aa74a68ca8
5 changed files with 37 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/browser/base/content/zen-components

Submodule src/browser/base/content/zen-components updated: 8fce947f5f...9d41110b8b

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

@@ -184,7 +184,7 @@
display: flex !important;
flex-direction: column;
&:not(:hover) .tab-background:not([selected]):not([multiselected]) {
& .tabbrowser-tab:not(:hover) .tab-background:not([selected]):not([multiselected]) {
background: transparent !important;
}
@@ -194,25 +194,6 @@
justify-content: center;
}
& .tab-label-container {
display: flex !important;
}
& .tab-throbber,
& .tab-icon-pending,
& .tab-icon-image,
& .tab-sharing-icon-overlay,
& .tab-icon-overlay {
margin-inline-end: var(--toolbarbutton-inner-padding) !important;
}
.tabbrowser-tab:is(:hover, [visuallyselected], [selected]) {
& .tab-close-button {
display: block;
--tab-inline-padding: 0; /* Avoid weird padding */
}
}
.tabbrowser-tab[zen-glance-tab='true'] {
width: fit-content !important;
}
@@ -340,7 +321,7 @@
--tab-inline-padding: 8px;
& .tabbrowser-tab {
&:not([pinned]) .tab-label-container {
& .tab-label-container {
display: flex;
}
@@ -354,7 +335,7 @@
width: -moz-available;
}
&:not([pinned]):is(:hover, [visuallyselected]) .tab-close-button {
&:is(:hover, [visuallyselected]) .tab-close-button {
display: block;
--tab-inline-padding: 0; /* Avoid weird padding */
}
@@ -364,10 +345,8 @@
.tab-icon-image,
.tab-sharing-icon-overlay,
.tab-icon-overlay {
&:not([pinned]) {
margin-inline-end: var(--toolbarbutton-inner-padding) !important;
margin-inline-start: calc(var(--toolbarbutton-inner-padding) / 4) !important;
}
margin-inline-end: var(--toolbarbutton-inner-padding) !important;
margin-inline-start: calc(var(--toolbarbutton-inner-padding) / 4) !important;
}
}
}