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

fix: Fixed scrolling issues with workspaces, b=(no-bug), c=tabs, common, compact-mode, media, workspaces

Browse Source
This commit is contained in:
Mr. M
2025-05-18 10:53:14 +02:00
parent 7c1bdbfa68
commit 297a95986c
11 changed files with 139 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/zen/workspaces/zen-workspaces.css
View File

@@ -513,9 +513,14 @@ zen-workspace {
height: 100%;
overflow: hidden;
:root:not([zen-sidebar-expanded='true']) & {
width: 100%;
}
& > arrowscrollbox {
max-height: 100%;
overflow: hidden;
position: relative;
&::part(scrollbutton-up),
&::part(scrollbutton-down) {
@@ -524,10 +529,47 @@ zen-workspace {
&::part(scrollbox) {
scrollbar-width: thin;
scrollbar-color: var(--vertical-tabs-scrollbar-color);
scrollbar-color: color-mix(in srgb, currentColor 35%, transparent 65%) transparent; /* Custom scrollbar */
overflow-y: auto;
}
&[overflowing] {
--zen-scrollbar-overflow-background: light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1));
&::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
opacity: 0;
pointer-events: none;
transition: opacity 0.1s;
background-color: var(--zen-scrollbar-overflow-background);
}
&::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
opacity: 0;
pointer-events: none;
transition: opacity 0.1s;
background-color: var(--zen-scrollbar-overflow-background);
}
&:not([scrolledtostart])::before {
opacity: 1;
}
&:not([scrolledtoend])::after {
opacity: 1;
}
}
&,
& .zen-workspace-normal-tabs-section {
height: 100%;