mirror of
https://github.com/got-feedBack/feedBack.git
synced 2026-08-14 12:47:10 +00:00
fix(v3): keep shuffle toggle size stable across states
Off state had a 1px border, on state none — toggling grew/shrank the button 2px and shifted the row. On state now carries a same-color border (border-fb-primary, already in the prebuilt CSS). Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Fable 5
parent
a2f43009f7
commit
336132e049
@@ -241,7 +241,7 @@
|
|||||||
if (!shuffleBtn) return;
|
if (!shuffleBtn) return;
|
||||||
const on = shuffleOn();
|
const on = shuffleOn();
|
||||||
shuffleBtn.className = on
|
shuffleBtn.className = on
|
||||||
? 'px-2 py-2 rounded-md bg-fb-primary hover:bg-fb-primaryHi text-white'
|
? 'px-2 py-2 rounded-md border border-fb-primary bg-fb-primary hover:bg-fb-primaryHi text-white'
|
||||||
: 'px-2 py-2 rounded-md border border-fb-border text-fb-textDim hover:text-fb-text';
|
: 'px-2 py-2 rounded-md border border-fb-border text-fb-textDim hover:text-fb-text';
|
||||||
shuffleBtn.title = on ? 'Shuffle: on' : 'Shuffle: off';
|
shuffleBtn.title = on ? 'Shuffle: on' : 'Shuffle: off';
|
||||||
shuffleBtn.setAttribute('aria-pressed', on ? 'true' : 'false');
|
shuffleBtn.setAttribute('aria-pressed', on ? 'true' : 'false');
|
||||||
|
|||||||
Reference in New Issue
Block a user