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

Update tab hover background color and tab height in vertical-tabs.css

Browse Source
This commit is contained in:
mr. M
2024-11-04 19:55:43 +01:00
parent 19f8f58618
commit cf7af8e3aa
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -263,6 +263,10 @@
position: relative; position: relative;
} }
& #zen-essentials-container {
--tab-min-height: 40px;
}
/* Mark: Fix separator paddings */ /* Mark: Fix separator paddings */
&[zen-right-side='true'] { &[zen-right-side='true'] {
padding-left: 0; padding-left: 0;
@@ -743,7 +747,6 @@
#zen-essentials-container { #zen-essentials-container {
padding-bottom: var(--zen-toolbox-padding); padding-bottom: var(--zen-toolbox-padding);
margin-bottom: var(--zen-toolbox-padding); margin-bottom: var(--zen-toolbox-padding);
gap: 3px;
overflow: hidden; overflow: hidden;
} }
@@ -760,12 +763,13 @@
} }
#zen-essentials-container .tabbrowser-tab { #zen-essentials-container .tabbrowser-tab {
--toolbarbutton-inner-padding: 0;
max-width: unset; max-width: unset;
width: 100% !important; width: 100% !important;
border-radius: var(--border-radius-medium); border-radius: var(--border-radius-medium);
&:not([selected]):not(:hover) .tab-background { &:not([selected]) .tab-background {
background: light-dark(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)); background: light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.07));
} }
backdrop-filter: blur(10px); backdrop-filter: blur(10px);

6
src/browser/base/content/zen-styles/zen-urlbar.css
View File

@@ -5,7 +5,7 @@
} }
#urlbar { #urlbar {
--toolbarbutton-border-radius: 5px; --toolbarbutton-border-radius: 6px;
--urlbarView-separator-color: var(--zen-colors-border); --urlbarView-separator-color: var(--zen-colors-border);
--urlbarView-hover-background: var(--toolbarbutton-hover-background); --urlbarView-hover-background: var(--toolbarbutton-hover-background);
--urlbarView-highlight-background: var(--toolbarbutton-hover-background); --urlbarView-highlight-background: var(--toolbarbutton-hover-background);
@@ -51,10 +51,6 @@
outline-color: none !important; outline-color: none !important;
} }
#urlbar[breakout-extend='true'] {
border-radius: 12px;
}
#identity-icon-box, #identity-icon-box,
#identity-permission-box { #identity-permission-box {
background: color-mix(in srgb, var(--zen-colors-secondary) 50%, transparent 50%) !important; background: color-mix(in srgb, var(--zen-colors-secondary) 50%, transparent 50%) !important;