From 132d577a8a05432ffbad55279a24a97c0a71890b Mon Sep 17 00:00:00 2001 From: Sunil Mohan Adapa Date: Thu, 12 Dec 2024 09:06:07 -0800 Subject: [PATCH] ui: firewall: Fix styling with Bootstrap 5 - Drop unnecessary code. Bootstrap does not style a:hover or table roes like before. - Use default table color variables from Bootstrap to work well with dark mode. Signed-off-by: Sunil Mohan Adapa Reviewed-by: Veiko Aasa --- plinth/modules/firewall/static/firewall.css | 12 ++---------- 1 file changed, 2 insertions(+), 10 deletions(-) diff --git a/plinth/modules/firewall/static/firewall.css b/plinth/modules/firewall/static/firewall.css index 36cbc5564..a1e4899e6 100644 --- a/plinth/modules/firewall/static/firewall.css +++ b/plinth/modules/firewall/static/firewall.css @@ -2,13 +2,9 @@ # SPDX-License-Identifier: AGPL-3.0-or-later */ -a.dropdown-toggle { - text-decoration: none; - color: black; -} - -a.dropdown-toggle:hover { +.app-name > a.dropdown-toggle { text-decoration: none; + color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); } td.service { @@ -23,7 +19,3 @@ td.service { .service-status { width: 11rem; } - -tr.collapse { - background-color: #f9f9f9; -}