mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-04-01 21:31:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Small improvements to haptifc feedback and coloring, b=no-bug, c=common, media, tabs, workspaces

Browse Source
This commit is contained in:
mr. m
2025-06-28 18:04:30 +02:00
parent 2a701bd2b9
commit 3da5eda339
14 changed files with 51 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/zen/workspaces/ZenWorkspaceIcons.mjs
View File

@@ -54,6 +54,7 @@
mouse > rect[isVertical ? 'top' : 'left'] &&
mouse < rect[isVertical ? 'bottom' : 'right']
) {
const nextSibling = draggedTab.nextSibling;
if (
mouse <
rect[isVertical ? 'top' : 'left'] + rect[isVertical ? 'height' : 'width'] / 2
@@ -62,7 +63,9 @@
} else {
this.insertBefore(draggedTab, tab.nextSibling);
}
Services.zen.playHapticFeedback();
if (nextSibling !== draggedTab.nextSibling) {
Services.zen.playHapticFeedback();
}
}
}
}

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

@@ -2022,10 +2022,7 @@ var gZenWorkspaces = new (class extends ZenMultiWindowFeature {
}
_shouldChangeToTab(aTab) {
return !(
aTab?.hasAttribute('zen-essential') ||
(aTab?.pinned && aTab?.hasAttribute('pending'))
);
return !(aTab?.pinned && aTab?.hasAttribute('pending'));
}
async #shouldShowTabInCurrentWorkspace(tab) {

28
src/zen/workspaces/zen-gradient-generator.css
View File

@@ -98,8 +98,8 @@
min-width: 100%;
& > box {
width: 20px;
height: 20px;
width: 22px;
height: 22px;
border-radius: 50%;
cursor: pointer;
position: relative;
@@ -112,19 +112,6 @@
linear-gradient(to top, var(--c3) 0%, transparent 60%);
}
&::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
outline: 2px solid color-mix(in srgb, var(--zen-toolbar-element-bg) 80%, transparent 20%);
border-radius: 50%;
pointer-events: none;
transition: transform 0.1s;
}
&:hover {
transform: scale(1.05);
@@ -248,19 +235,16 @@
.zen-theme-picker-gradient {
position: relative;
overflow: hidden;
border-radius: var(--zen-native-content-radius);
border-radius: calc(var(--zen-native-content-radius) - 4px);
min-height: calc(var(--panel-width) - var(--panel-padding) * 2 - 2px);
background: light-dark(
var(--zen-toolbar-element-bg),
color-mix(in srgb, var(--zen-toolbar-element-bg) 60%, transparent 40%)
);
background: light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.03));
background-image: radial-gradient(
light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.1)) 1px,
transparent 0
);
background-position: -19px -19px;
background-size: 5px 5px;
background-position: -20px -20px;
background-size: 6px 6px;
& .zen-theme-picker-dot {
position: absolute;