mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-10-16 14:56:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor media controls event handling and improve styling

Browse Source
This commit is contained in:
mr. M
2025-03-14 23:06:18 +01:00
parent e1228844c7
commit 89243d03cd
3 changed files with 42 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/browser/base/content/zen-styles/zen-media-controls.css
View File

@@ -51,7 +51,7 @@
background: var(--zen-primary-color);
border: none;
width: calc(var(--progress-height) * 2.5);
height:calc(var(--progress-height) * 2.5);
height: calc(var(--progress-height) * 2.5);
border-radius: 50%;
cursor: pointer;
}
@@ -66,10 +66,11 @@
.show-on-hover {
max-height: 50px;
padding: 2px 6px;
padding-top: 4px;
padding-top: 6px;
margin-bottom: 0;
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
}
@@ -115,6 +116,7 @@
opacity: 0;
transform: translateY(10px);
padding: 0 6px;
pointer-events: none;
transition:
max-height 0.2s ease-out,
opacity 0.2s ease-out,
@@ -198,7 +200,7 @@
flex-grow: 1;
height: 1.1rem;
align-items: center;
padding-top: 0px;
padding-top: 0px !important;
}
#zen-media-controls-hbox {