lashman/tutorialvault
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

style: remove controls container and bump surface contrast

Browse Source 
Strip background/border-radius from .controlsStrip so playback
controls float freely. Roughly double all --surface opacity values
for better element visibility against the dark slate background.
This commit is contained in:
Your Name
2026-02-19 16:54:12 +02:00
parent c2533e8a76
commit 98011cf604
2 changed files with 9 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/styles/player.css
View File

@@ -76,15 +76,12 @@ video::cue{
.controlsStrip{
display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap;
padding:5px 6px;
border-radius:var(--r);
border:none;
background:var(--surface);
transition:background .2s ease;
background:transparent;
}
.controlsStrip:hover{background:rgba(140,165,220,.04);}
.controlsStrip::after{display:none;}
.stripDivider{width:1px; height:22px; background:rgba(140,160,210,.06); flex:0 0 auto; transition:background .2s ease, height .2s ease;}
.controlsStrip:hover .stripDivider{background:rgba(140,160,210,.09); height:24px;}
.controlsStrip:hover .stripDivider{height:24px;}
.group{display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.controlsStrip .iconBtn{box-shadow:none;}
.controlsStrip .miniCtl{box-shadow:none;}