Remove the btn-outline-dark class from the drop down toggle button.

Instead use our own focus and active colors. The colors are the same colors used by the graph tool. That is a light gray color (darker than the light gray of the button though).
openwebwork · Dec 13, 2024 · b278b20 · b278b20
1 parent 90c5d0f
commit b278b20
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/htdocs/js/DropDown/dropdown.scss b/htdocs/js/DropDown/dropdown.scss
@@ -7,6 +7,14 @@
 		--bs-btn-font-size: 0.85rem;
 		--bs-btn-border-radius: 4px;
 		--bs-btn-border-color: #ccc;
+		--bs-btn-hover-color: #000;
+		--bs-btn-hover-bg: #d3d4d5;
+		--bs-btn-hover-border-color: #ccc;
+		--bs-btn-focus-shadow-rgb: 33, 37, 41;
+		--bs-btn-active-color: #000;
+		--bs-btn-active-bg: #d3d4d5;
+		--bs-btn-active-border-color: #ccc;
+		--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 
 		&.show {
 			border-color: rgba(112, 154, 192, 0.8);

diff --git a/macros/parsers/parserPopUp.pl b/macros/parsers/parserPopUp.pl
@@ -464,7 +464,7 @@ sub MENU {
 					main::tag('input', type => 'hidden', name => $name, value => $answer_value),
 					main::tag(
 						'button',
-						class          => 'btn btn-outline-dark dropdown-toggle text-nowrap ',
+						class          => 'btn dropdown-toggle text-nowrap ',
 						type           => 'button',
 						data_bs_toggle => 'dropdown',
 						aria_expanded  => 'false',