mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-03-11 09:04:54 +00:00
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:
parent
20db62bc22
commit
c842397292
@ -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 {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user