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 20:43:34 +02:00
parent 1b8e850f03
commit 21b2ffb49a
3 changed files with 13 additions and 3 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;
border-radius: var(--tab-border-radius);
width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
width: calc(2 * var(--toolbarbutton-inner-padding) + 6px) !important;
height: calc(2 * var(--toolbarbutton-inner-padding) + 6px) !important;
& image {
border-radius: 999px;

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

@@ -167,6 +167,10 @@
width: calc(100% - var(--zen-toolbox-padding));
position: relative;
--toolbarbutton-inner-padding: 9px !important;
justify-content: space-between;
}
/* Mark: Fix separator paddings */
@@ -230,6 +234,10 @@
& #zen-profile-button {
width: 100% !important;
padding: var(--toolbarbutton-inner-padding) !important;
& label {
padding-left: calc(var(--toolbarbutton-inner-padding) * 1.5);
}
}
}

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

@@ -71,7 +71,7 @@
--in-content-page-background: var(--zen-colors-tertiary) !important;
--zen-in-content-dialog-background: var(--zen-colors-tertiary);
--zen-button-border-radius: var(--zen-border-radius);
--zen-button-border-radius: 5px;
--zen-button-padding: 0.6rem 1.2rem;
/* Other colors */
@@ -103,6 +103,8 @@
--fp-contextmenu-bgcolor: light-dark(Menu, rgb(43 42 51 / 0.95));
--toolbar-bgcolor: transparent;
--toolbarbutton-active-background: var(--zen-colors-border) !important;
--input-bgcolor: var(--zen-colors-tertiary) !important;
--input-border-color: var(--zen-input-border-color) !important;
--zen-themed-toolbar-bg: var(--zen-colors-tertiary);