mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-09-05 19:08:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update toolbar button sizes and padding in zen-sidebar.css and vertical-tabs.css

Browse Source
This commit is contained in:
mauro-balades
2024-09-17 23:32:25 +02:00
parent 9c26c5aba8
commit fe880279c9
2 changed files with 17 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/browser/base/content/zen-styles/zen-animations.css
View File

@@ -35,7 +35,7 @@
@keyframes zen-slide-in {
from {
transform: translateX(-10px);
transform: translateX(-30px);
opacity: 0;
}
to {

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

@@ -25,6 +25,8 @@
--tab-border-radius: var(--border-radius-medium);
--zen-toolbox-min-width: 1px;
--tab-hover-background-color: var(--toolbarbutton-hover-background) !important;
min-width: var(--zen-toolbox-min-width);
padding: var(--zen-toolbox-padding);
@@ -63,6 +65,8 @@
grid-gap: 0 !important;
& .tabbrowser-tab {
animation: zen-slide-in 0.2s;
max-width: unset !important;
padding: 0 !important;
@@ -83,18 +87,6 @@
width: 3px !important;
}
}
.tab-throbber,
.tab-icon-pending,
.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;
}
}
@media (-moz-bool-pref: 'zen.tabs.dim-pending') {
&[pending='true'] .tab-icon-image {
@@ -177,7 +169,7 @@
padding-top: calc(var(--zen-toolbox-padding) * 2);
width: calc(100% - var(--zen-toolbox-padding));
width: 100%;
position: relative;
--toolbarbutton-inner-padding: 9px !important;
@@ -234,6 +226,17 @@
&:not([pinned]):is(:hover, [visuallyselected]) .tab-close-button {
display: block !important;
}
.tab-throbber,
.tab-icon-pending,
.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;
}
}
}
}