alexei.dolgolyov/media-player-server
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix vinyl angle persistence on toggle, group player toggle buttons

Browse Source 
- Save vinyl rotation angle before flipping vinylMode flag off
- Wrap vinyl + visualizer buttons in .player-toggles container
- Move margin-left:auto from individual buttons to group

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Admin
2026-02-27 21:44:48 +03:00
parent 0691e3d338
commit 00d313daa1
3 changed files with 17 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
media_server/static/css/styles.css
View File

@@ -903,6 +903,13 @@ button:disabled {
gap: 0.75rem; gap: 0.75rem;
} }
.player-toggles {
display: flex;
align-items: center;
gap: 0.375rem;
margin-left: auto;
}
.vinyl-toggle-btn { .vinyl-toggle-btn {
width: 28px; width: 28px;
height: 28px; height: 28px;
@@ -916,7 +923,6 @@ button:disabled {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
transition: all 0.2s; transition: all 0.2s;
margin-left: auto;
} }
.vinyl-toggle-btn:hover { .vinyl-toggle-btn:hover {

14
media_server/static/index.html
View File

@@ -187,12 +187,14 @@
<div class="source-info"> <div class="source-info">
<span data-i18n="player.source">Source:</span> <span id="source" data-i18n="player.unknown_source">Unknown</span> <span data-i18n="player.source">Source:</span> <span id="source" data-i18n="player.unknown_source">Unknown</span>
<button class="vinyl-toggle-btn" onclick="toggleVinylMode()" id="vinylToggle" data-i18n-title="player.vinyl" title="Vinyl mode"> <div class="player-toggles">
<svg viewBox="0 0 24 24" width="16" height="16"><circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="1.5"/><circle cx="12" cy="12" r="3" fill="currentColor"/><circle cx="12" cy="12" r="6.5" fill="none" stroke="currentColor" stroke-width="0.5" opacity="0.5"/></svg> <button class="vinyl-toggle-btn" onclick="toggleVinylMode()" id="vinylToggle" data-i18n-title="player.vinyl" title="Vinyl mode">
</button> <svg viewBox="0 0 24 24" width="16" height="16"><circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="1.5"/><circle cx="12" cy="12" r="3" fill="currentColor"/><circle cx="12" cy="12" r="6.5" fill="none" stroke="currentColor" stroke-width="0.5" opacity="0.5"/></svg>
<button class="vinyl-toggle-btn" onclick="toggleVisualizer()" id="visualizerToggle" data-i18n-title="player.visualizer" title="Audio visualizer" style="display:none"> </button>
<svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M3 18h2v-8H3v8zm4 0h2V6H7v12zm4 0h2V2h-2v16zm4 0h2v-6h-2v6zm4 0h2V9h-2v9z"/></svg> <button class="vinyl-toggle-btn" onclick="toggleVisualizer()" id="visualizerToggle" data-i18n-title="player.visualizer" title="Audio visualizer" style="display:none">
</button> <svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M3 18h2v-8H3v8zm4 0h2V6H7v12zm4 0h2V2h-2v16zm4 0h2v-6h-2v6zm4 0h2V9h-2v9z"/></svg>
</button>
</div>
</div> </div>
</div> </div>
</div> </div>

2
media_server/static/js/app.js
View File

@@ -286,6 +286,8 @@
window.addEventListener('beforeunload', saveVinylAngle); window.addEventListener('beforeunload', saveVinylAngle);
function toggleVinylMode() { function toggleVinylMode() {
// Save current angle before turning off (must happen while still in vinyl mode)
if (vinylMode) saveVinylAngle();
vinylMode = !vinylMode; vinylMode = !vinylMode;
localStorage.setItem('vinylMode', vinylMode); localStorage.setItem('vinylMode', vinylMode);
applyVinylMode(); applyVinylMode();