mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-01-25 22:26:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Fixed minor aligment and coloring issues, b=no-bug, c=tabs, workspaces

Browse Source
This commit is contained in:
mr. m
2025-12-08 18:06:58 +01:00
parent 85d52d15c2
commit 43de5c69e9
3 changed files with 24 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/browser/base/content/zen-panels/gradient-generator.inc
View File

@@ -120,11 +120,13 @@
</defs>
</svg>
</box>
<html:input type="range" max="0.9" value="0.4" step="0.001" id="PanelUI-zen-gradient-generator-opacity"
<html:input type="range" value="0.4" step="0.001" id="PanelUI-zen-gradient-generator-opacity"
#ifdef XP_MACOSX
min="0.25"
min="0.15"
max="0.8"
#else
min="0.35"
max="0.9"
#endif
/>
</vbox>

29
src/zen/tabs/zen-tabs/vertical-tabs.css
View File

@@ -131,7 +131,6 @@
========================================================================== */
.pinned-tabs-container-separator {
height: 22px;
padding-bottom: 2px;
border: none;
width: 100%;
transition:
@@ -142,6 +141,7 @@
position: relative;
opacity: 1;
align-items: center;
padding: 0 5px;
& toolbarseparator {
height: 1px;
@@ -488,7 +488,6 @@
#navigator-toolbox[zen-sidebar-expanded='true'] {
--zen-toolbox-min-width: fit-content;
--tab-icon-end-margin: 8.5px;
padding: var(--zen-toolbox-padding);
padding-left: 0;
padding-top: 0;
@@ -545,7 +544,7 @@
}
& #zen-essentials {
--tab-min-height: 44px;
--tab-min-height: 48px;
}
&[zen-right-side='true'] {
@@ -566,8 +565,8 @@
& #tabbrowser-arrowscrollbox-periphery > toolbarbutton {
width: 100% !important;
border-radius: var(--border-radius-medium) !important;
padding-left: var(--toolbarbutton-inner-padding) !important;
padding-right: var(--toolbarbutton-inner-padding) !important;
padding-left: var(--tab-inline-padding) !important;
padding-right: var(--tab-inline-padding) !important;
& label {
display: flex;
@@ -600,6 +599,7 @@
& #tabbrowser-tabs {
--tab-inline-padding: 8px;
--tab-icon-end-margin: 8.5px;
& .tabbrowser-tab {
& .tab-label-container {
@@ -667,8 +667,8 @@
.tab-icon-image,
.tab-sharing-icon-overlay,
.tab-icon-overlay {
margin-inline-end: var(--toolbarbutton-inner-padding) !important;
margin-inline-start: calc(var(--toolbarbutton-inner-padding) / 4) !important;
margin-inline-end: calc(var(--toolbarbutton-inner-padding) * 1.5) !important;
margin-inline-start: calc(var(--toolbarbutton-inner-padding) / 2) !important;
}
}
}
@@ -1110,14 +1110,22 @@
max-height 0.3s ease-out,
grid-template-columns 0.3s ease-out;
opacity: 1;
grid-template-columns: repeat(auto-fit, minmax(max(23.7%, 48px), 1fr));
--min-essentials-width-wrap: calc(var(--tab-min-height) + 4px);
grid-template-columns: repeat(
auto-fit,
minmax(max(23.7%, var(--min-essentials-width-wrap)), 1fr)
);
&[data-hack-type='1'] {
grid-template-columns: repeat(auto-fit, minmax(max(30%, 48px), auto));
grid-template-columns: repeat(
auto-fit,
minmax(max(30%, var(--min-essentials-width-wrap)), auto)
);
}
&[data-hack-type='2'] {
grid-template-columns: repeat(
auto-fit,
minmax(max(23%, 48px), 1fr) minmax(max(23%, 48px), 1fr)
minmax(max(23%, var(--min-essentials-width-wrap)), 1fr)
minmax(max(23%, var(--min-essentials-width-wrap)), 1fr)
);
}
&[data-hack-type='3'] {
@@ -1160,7 +1168,6 @@
& .tab-background {
border-radius: var(--border-radius-medium) !important;
transition: background 0.1s ease-in-out;
}
--tab-selected-bgcolor: light-dark(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.2));

4
src/zen/workspaces/ZenGradientGenerator.mjs
View File

@@ -41,8 +41,8 @@ function parseSinePath(pathStr) {
return points;
}
const MAX_OPACITY = 0.9;
const MIN_OPACITY = AppConstants.platform === 'macosx' ? 0.25 : 0.35;
const MAX_OPACITY = AppConstants.platform === 'macosx' ? 0.8 : 0.9;
const MIN_OPACITY = AppConstants.platform === 'macosx' ? 0.15 : 0.35;
const EXPLICIT_LIGHTNESS_TYPE = 'explicit-lightness';
const EXPLICIT_BLACKWHITE_TYPE = 'explicit-black-white';