mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-04-23 15:55:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor CSS to update primary accent hover color

Browse Source
This commit is contained in:
mauro-balades
2024-09-27 23:44:27 +02:00
parent f4b77e602f
commit a222e866fb
3 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -53,5 +53,5 @@
}
:root:not([inDOMFullscreen='true']) #tabbrowser-tabbox {
padding: 1px; /* To allow the web view's shadow to be visible */
padding: 2px; /* To allow the web view's shadow to be visible */
}

11
src/browser/base/content/zen-styles/zen-compact-mode.css
View File

@@ -33,8 +33,9 @@
}
#navigator-toolbox {
--zen-toolbox-max-width: 54px !important;
position: absolute;
height: 98%;
height: calc(98% - var(--zen-element-separation));
z-index: 9;
background: var(--zen-themed-toolbar-bg) !important;
box-shadow: 0 0 2px 2px rgba(0,0,0,.1);
@@ -45,11 +46,9 @@
padding: var(--zen-toolbox-padding) !important;
transition: all 0.2s ease-in-out;
right: calc(100% - var(--zen-element-separation) + 1px);
top: 50%;
top: 1%;
opacity: 0;
transform: translate3d(0, -50%, 0);
#browser:has(#navigator-toolbox[zen-right-side='true']) & {
border-left-width: 1px;
border-right-width: 0;
@@ -77,9 +76,9 @@
#navigator-toolbox:has(*[open='true']:not(tab):not(#zen-sidepanel-button)) {
opacity: 1;
transform: translate3d(calc(100% - var(--zen-element-separation)), -50%, 0);
transform: translateX(calc(100% - var(--zen-element-separation)));
#browser:has(#navigator-toolbox[zen-right-side='true']) & {
transform: translate3d(calc(-100% + var(--zen-element-separation)), -50%, 0);
transform: translateX(calc(-100% + var(--zen-element-separation)));
}
}
}

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

@@ -31,7 +31,6 @@
min-width: var(--zen-toolbox-min-width);
margin-top: 0 !important; /* Fix full screen mode */
padding: var(--zen-toolbox-padding);
padding-top: var(--zen-toolbox-top-align);
padding-bottom: var(--zen-element-separation);
@@ -164,6 +163,10 @@
#navigator-toolbox[zen-expanded='true']:not([zen-user-hover='true'])) {
--zen-toolbox-min-width: fit-content;
& {
padding: var(--zen-toolbox-padding);
}
& #titlebar {
min-width: 150px;
}
@@ -278,8 +281,8 @@
#navigator-toolbox[zen-user-hover='true']:has(*[open='true']:not(tab):not(#zen-sidepanel-button)),
#navigator-toolbox[zen-expanded='true']:not([zen-user-hover='true']))) {
--zen-toolbox-max-width: 45px;
--zen-toolbox-padding: 8px;
max-width: var(--zen-toolbox-max-width) !important;
min-width: calc(var(--zen-toolbox-max-width) + var(--zen-toolbox-padding) / 2 + 2px) !important;
& #vertical-tabs-newtab-button {
padding: 0 !important;
@@ -476,7 +479,7 @@
#navigator-toolbox[has-popup-menu],
#navigator-toolbox:has(.tabbrowser-tab:active),
#navigator-toolbox:has(*[open='true']:not(tab):not(#zen-sidepanel-button)) {
--zen-toolbox-max-width: 45px;
--zen-toolbox-max-width: 41px;
max-width: var(--zen-toolbox-max-width) !important;
min-width: calc(var(--zen-toolbox-max-width) + var(--zen-toolbox-padding) / 2 + 2px) !important;
padding: 0 !important;