fix: add hover classes to all inactive tabs in switchMode()
All checks were successful
check / check (push) Successful in 22s
All checks were successful
check / check (push) Successful in 22s
The 'From Phrase' tab was missing hover:bg-fg and hover:text-bg classes when transitioning from active to inactive state. switchMode() now explicitly toggles these hover classes on all tabs, ensuring identical hover behavior across all three inactive tabs.
This commit is contained in:
@@ -35,11 +35,13 @@ function switchMode(mode) {
|
|||||||
tab.classList.toggle("border-border", isActive);
|
tab.classList.toggle("border-border", isActive);
|
||||||
tab.classList.toggle("border-b-bg", isActive);
|
tab.classList.toggle("border-b-bg", isActive);
|
||||||
tab.classList.toggle("bg-bg", isActive);
|
tab.classList.toggle("bg-bg", isActive);
|
||||||
// Inactive: muted text, dashed border on top/sides, transparent bottom
|
// Inactive: muted text, dashed border on top/sides, transparent bottom, hover invert
|
||||||
tab.classList.toggle("text-muted", !isActive);
|
tab.classList.toggle("text-muted", !isActive);
|
||||||
tab.classList.toggle("border-dashed", !isActive);
|
tab.classList.toggle("border-dashed", !isActive);
|
||||||
tab.classList.toggle("border-border-light", !isActive);
|
tab.classList.toggle("border-border-light", !isActive);
|
||||||
tab.classList.toggle("border-b-transparent", !isActive);
|
tab.classList.toggle("border-b-transparent", !isActive);
|
||||||
|
tab.classList.toggle("hover:bg-fg", !isActive);
|
||||||
|
tab.classList.toggle("hover:text-bg", !isActive);
|
||||||
}
|
}
|
||||||
$("add-wallet-password-hint").textContent = PASSWORD_HINTS[mode];
|
$("add-wallet-password-hint").textContent = PASSWORD_HINTS[mode];
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user