mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-09-06 11:28:28 +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 20:51:43 +02:00
parent 21b2ffb49a
commit 9c26c5aba8
2 changed files with 22 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/browser/base/content/zen-styles/zen-sidebar.css
View File

@@ -12,8 +12,8 @@ toolbar {
position: relative; position: relative;
border-radius: var(--tab-border-radius); border-radius: var(--tab-border-radius);
width: calc(2 * var(--toolbarbutton-inner-padding) + 6px) !important; width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
height: calc(2 * var(--toolbarbutton-inner-padding) + 6px) !important; height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
& image { & image {
border-radius: 999px; border-radius: 999px;

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

@@ -83,6 +83,18 @@
width: 3px !important; 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') { @media (-moz-bool-pref: 'zen.tabs.dim-pending') {
&[pending='true'] .tab-icon-image { &[pending='true'] .tab-icon-image {
@@ -229,14 +241,14 @@
:root:not([zen-sidebar-legacy='true']) #navigator-toolbox:is([zen-user-hover='true']:hover, :not([zen-user-hover='true'])) { :root:not([zen-sidebar-legacy='true']) #navigator-toolbox:is([zen-user-hover='true']:hover, :not([zen-user-hover='true'])) {
padding-right: 47px !important; padding-right: 47px !important;
} }
}
& #zen-profile-button {
& #zen-profile-button { width: 100% !important;
width: 100% !important; padding: var(--toolbarbutton-inner-padding) !important;
padding: var(--toolbarbutton-inner-padding) !important;
& label {
& label { padding-left: calc(var(--toolbarbutton-inner-padding) * 1.5);
padding-left: calc(var(--toolbarbutton-inner-padding) * 1.5); }
} }
} }
} }