From c842397292f704535caa1f3ec76a775d476e0c78 Mon Sep 17 00:00:00 2001 From: Sunil Mohan Adapa Date: Sun, 17 Nov 2024 22:19:48 -0800 Subject: [PATCH] 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 Reviewed-by: Veiko Aasa --- static/themes/default/css/main.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/static/themes/default/css/main.css b/static/themes/default/css/main.css index 5ee54f274..a9d60bb66 100644 --- a/static/themes/default/css/main.css +++ b/static/themes/default/css/main.css @@ -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 {