kingston/scrapyard-cogworks
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Apply white filter only to lock emoji, not the whole button

Browse Source
This commit is contained in:
Kingston-SCYD
2026-06-05 17:09:27 -05:00
parent b61abd3a29
commit d9a6cd7809
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ttstoy/webui/templates/dashboard.html
+3 -3
View File
@@ -112,7 +112,7 @@
</div> </div>
<div style="display:flex;gap:0.75rem;align-items:center;flex-wrap:wrap;"> <div style="display:flex;gap:0.75rem;align-items:center;flex-wrap:wrap;">
<div style="display:inline-flex;"> <div style="display:inline-flex;">
<button id="vc-lock-btn" onclick="toggleVcLock()" style="border:none;background:#e67e22;color:#fff;padding:0.4rem 0.6rem;cursor:pointer;border-top-left-radius:4px;border-bottom-left-radius:4px;font-size:0.85rem;display:inline-flex;align-items:center;filter:grayscale(1) brightness(10);" title="Click to unlock">&#x1F512;</button><button class="btn btn-primary" id="vc-btn" onclick="submitTTS()" disabled style="opacity:0.5;border-top-left-radius:0;border-bottom-left-radius:0;"> <button id="vc-lock-btn" onclick="toggleVcLock()" style="border:none;background:#e67e22;padding:0.4rem 0.6rem;cursor:pointer;border-top-left-radius:4px;border-bottom-left-radius:4px;font-size:0.85rem;display:inline-flex;align-items:center;" title="Click to unlock"><span style="filter:grayscale(1) brightness(10);">&#x1F512;</span></button><button class="btn btn-primary" id="vc-btn" onclick="submitTTS()" disabled style="opacity:0.5;border-top-left-radius:0;border-bottom-left-radius:0;">
<span id="spinner" class="spin" style="display:none;"></span> Speak in VC <span id="spinner" class="spin" style="display:none;"></span> Speak in VC
</button> </button>
</div> </div>
@@ -369,12 +369,12 @@ function toggleVcLock() {
if (btn.disabled) { if (btn.disabled) {
btn.disabled = false; btn.disabled = false;
btn.style.opacity = '1'; btn.style.opacity = '1';
lock.innerHTML = '\u{1F513}'; lock.innerHTML = '<span style="filter:grayscale(1) brightness(10);">\u{1F513}</span>';
lock.title = 'Click to lock'; lock.title = 'Click to lock';
} else { } else {
btn.disabled = true; btn.disabled = true;
btn.style.opacity = '0.5'; btn.style.opacity = '0.5';
lock.innerHTML = '\u{1F512}'; lock.innerHTML = '<span style="filter:grayscale(1) brightness(10);">\u{1F512}</span>';
lock.title = 'Click to unlock'; lock.title = 'Click to unlock';
} }
} }