karim/kgva
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: pause icon drawn in css instead of a glyph, no more gap

Browse Source 
letter-spacing on the ❚❚ glyph could tighten the character cells but not the visible gap between them on a monospace font — each character keeps its own cell regardless. now two bars drawn via ::before/::after on .is-playing, with exact pixel control over the gap; the ▶ span just hides instead of getting replaced.
This commit is contained in:
kgva CMS
2026-08-15 11:49:27 +00:00
parent 11660ac63d
commit 666681be7c
3 changed files with 25 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/portfolio/single.html
+1 -1
View File
@@ -35,7 +35,7 @@
</video>
<button class="player__big" type="button" aria-label="play">▶</button>
<div class="player__bar">
<button class="player__play" type="button" aria-label="play/pause">▶</button>
<button class="player__play" type="button" aria-label="play/pause"><span class="player__playicon">▶</span></button>
<div class="player__scrub"><div class="player__fill"></div></div>
<span class="player__time">00:00 / 00:00</span>
<button class="player__mute" type="button" aria-label="mute">vol</button>