Add minimal logo SVG and update mediaBarEnhanced.js to use it

This commit is contained in:
CodeDevMLH
2026-02-04 18:08:24 +01:00
parent 1982511374
commit 2dbb4dcfea
2 changed files with 70 additions and 1 deletions

View File

@@ -2962,10 +2962,13 @@ const MediaBarEnhancedSettingsManager = {
button.className = 'paper-icon-button-light headerButton media-bar-settings-button';
button.title = 'Media Bar Settings';
// button.innerHTML = '<span class="material-icons">tune</span>';
// button.innerHTML = '<img src="/MediaBarEnhanced/Resources/assets/logo_SW.svg" style="width: 24px; height: 24px; vertical-align: middle;">';
// currently not optimal, as it's egg-shaped due to the svg format... but if it's square, it's very small...
// button.innerHTML = '<img src="/MediaBarEnhanced/Resources/assets/logo_SW.svg" draggable="false" style="width: 52px; height: 24px; vertical-align: middle; pointer-events: none;">';
button.innerHTML = '<img src="/MediaBarEnhanced/Resources/assets/logo_SW_SHORT.svg" draggable="false" style="width: 41px; height: 24px; vertical-align: middle; pointer-events: none;">';
// button.innerHTML = '<img src="/MediaBarEnhanced/Resources/assets/logo_SW_SHORT.svg" draggable="false" style="width: 41px; height: 24px; vertical-align: middle; pointer-events: none;">';
button.innerHTML = '<img src="/MediaBarEnhanced/Resources/assets/logo_SW_MINIMAL.svg" draggable="false" style="width: 24px; height: 24px; vertical-align: middle; pointer-events: none;">';
button.style.verticalAlign = 'middle';
button.addEventListener('click', (e) => {