ui: Fix toggle button styling for Bootstrap 5

- Bootstrap 5, unlike Bootstrap 4 overrides button styling when hovered on and
disabled. Provide the values for these overrides using CSS variables.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Veiko Aasa <veiko17@disroot.org>
This commit is contained in:
Sunil Mohan Adapa 2024-11-17 22:19:48 -08:00 committed by Veiko Aasa
parent 20db62bc22
commit c842397292
No known key found for this signature in database
GPG Key ID: 478539CAE680674E

View File

@ -737,6 +737,9 @@ a.menu_link_active {
width: 3.125rem;
height: 1.625rem;
background: #ccc;
--bs-btn-hover-bg: #ccc;
--bs-btn-disabled-bg: #ccc;
--bs-btn-disabled-border-color: transparent;
position: relative;
}
@ -755,6 +758,8 @@ a.menu_link_active {
.toggle-button--toggled {
background: var(--freedombox-blue-color);
--bs-btn-hover-bg: var(--freedombox-blue-color);
--bs-btn-disabled-bg: var(--freedombox-blue-color);
}
.toggle-button--toggled::before {