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

chore: Improved essentials layouts and URL bar stylings, b=(no-bug), c=common, tabs, workspaces

Browse Source
This commit is contained in:
mr. m
2025-04-30 19:21:47 +02:00
parent b074bf0690
commit 3ca5b24e25
3 changed files with 24 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/zen/common/styles/zen-urlbar.css
View File

@@ -518,7 +518,7 @@ button.popup-notification-dropmarker {
margin-left: 0 !important;
margin-right: 12px !important;
padding: 6px !important;
border-radius: 6px !important;
border-radius: 4px !important;
}
.urlbarView-row[has-action]:is([type='switchtab'], [type='remotetab'], [type='clipboard']) .urlbarView-action {
@@ -527,23 +527,25 @@ button.popup-notification-dropmarker {
}
.urlbarView-row {
.urlbarView-favicon {
transition: background-color 0.05s;
}
--urlbarView-item-inline-padding: 0.9rem;
--urlbarView-item-block-padding: 1rem;
&:hover {
.urlbarView-favicon,
& {
background-color: color-mix(in srgb, var(--zen-branding-bg-reverse) 5%, transparent 95%) !important;
}
.urlbarView-url,
.urlbarView-title-separator::before {
color: color-mix(in srgb, var(--zen-colors-primary) 30%, lightgray) !important;
}
}
&[selected] {
background-color: color-mix(in srgb, var(--zen-primary-color) 50%, transparent 50%) !important;
& * {
color: white !important;
}
& .urlbarView-favicon {
background-color: rgba(255, 255, 255, 0.9) !important;
}
}
}

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

@@ -1251,6 +1251,9 @@
transition: max-height 0.3s ease-out;
opacity: 1;
grid-template-columns: repeat(auto-fit, minmax(max(23.7%, 48px), 1fr));
&[data-hack-type='2'] {
grid-template-columns: repeat(auto-fit, minmax(max(23.7%, 48px), 1fr) minmax(max(23.7%, 48px), 1fr));
}
scrollbar-width: thin;
min-width: calc(100% + var(--zen-toolbox-padding) * 2);
padding: 0 var(--zen-toolbox-padding);

10
src/zen/workspaces/ZenWorkspaces.mjs
View File

@@ -2394,6 +2394,16 @@ var ZenWorkspaces = new (class extends ZenMultiWindowFeature {
);
const workspaceObject = this.getWorkspaceFromId(workspaceId);
const essentialContainer = this.getEssentialsSection(workspaceObject.containerTabId);
const essentialNumChildren = essentialContainer.children.length;
let essentialHackType = 0;
if (essentialNumChildren % 2 === 0) {
essentialHackType = 2;
}
if (essentialHackType > 0) {
essentialContainer.setAttribute('data-hack-type', essentialHackType);
} else {
essentialContainer.removeAttribute('data-hack-type');
}
this._updateMarginTopPinnedTabs(arrowScrollbox, pinnedContainer, essentialContainer, workspaceIndicator, forAnimation);
this.updateShouldHideSeparator(arrowScrollbox, pinnedContainer);
}