css fixes for each theme

application/views/logbookadvanced/index.php

@@ -498,7 +498,7 @@ $options = json_decode($options);
                     <option value="5000">5000</option>
                 </select>
                 <label class="me-2" for="de"><?= __("Location"); ?></label>
-                <select id="de" name="de" multiple="multiple">
+                <select class="form-control form-control-sm" id="de" name="de" multiple="multiple">
                     <?php foreach ($station_profile->result() as $station) { ?>
                         <option value="<?php echo $station->station_id; ?>" <?php if ($station->station_id == $active_station_id) {
                                                                                 echo " selected =\"selected\"";

assets/css/cosmo/overrides.css

@@ -55,4 +55,15 @@ TD.qrz {
 
 #utc_header_li {
 	color: #575757;
+}
+
+.multiselect {
+	--bs-btn-color: inherit !important;
+	--bs-btn-bg: inherit !important;
+	--bs-btn-border-color: #dee2e6;
+	--bs-btn-hover-border-color: #dee2e6;
+	--bs-btn-hover-bg: inherit !important;
+	--bs-btn-hover-color: inherit !important;
+	--bs-btn-active-bg: inherit !important;
+	--bs-btn-active-color: inherit !important;
 }

assets/css/cosmo_wide/overrides.css

@@ -113,4 +113,15 @@ TD.qrz {
 
 #utc_header_li {
 	color: #575757;
+}
+
+.multiselect {
+	--bs-btn-color: inherit !important;
+	--bs-btn-bg: inherit !important;
+	--bs-btn-border-color: #dee2e6;
+	--bs-btn-hover-border-color: #dee2e6;
+	--bs-btn-hover-bg: inherit !important;
+	--bs-btn-hover-color: inherit !important;
+	--bs-btn-active-bg: inherit !important;
+	--bs-btn-active-color: inherit !important;
 }

assets/css/cyborg/overrides.css

@@ -199,4 +199,15 @@ path.grid-worked {
 #quicklog-form .border,
 #searchbar-form .border {
     border-color: #4d4d4d !important;
+}
+
+.multiselect {
+	--bs-btn-color: inherit !important;
+	--bs-btn-bg: inherit !important;
+	/* --bs-btn-border-color: #dee2e6; */
+	/* --bs-btn-hover-border-color: #dee2e6; */
+	--bs-btn-hover-bg: inherit !important;
+	--bs-btn-hover-color: inherit !important;
+	--bs-btn-active-bg: inherit !important;
+	--bs-btn-active-color: inherit !important;
 }

assets/css/cyborg_wide/overrides.css

@@ -249,4 +249,15 @@ path.grid-worked {
 #quicklog-form .border,
 #searchbar-form .border {
     border-color: #4d4d4d !important;
+}
+
+.multiselect {
+	--bs-btn-color: inherit !important;
+	--bs-btn-bg: inherit !important;
+	/* --bs-btn-border-color: #dee2e6; */
+	/* --bs-btn-hover-border-color: #dee2e6; */
+	--bs-btn-hover-bg: inherit !important;
+	--bs-btn-hover-color: inherit !important;
+	--bs-btn-active-bg: inherit !important;
+	--bs-btn-active-color: inherit !important;
 }

assets/css/darkly/overrides.css

@@ -212,4 +212,15 @@ div.alert-danger {
 #quicklog-form .border,
 #searchbar-form .border {
     border-color: #757575 !important;
+}
+
+.multiselect {
+	--bs-btn-color: inherit !important;
+	--bs-btn-bg: inherit !important;
+	--bs-btn-border-color: inherit !important;
+	--bs-btn-hover-border-color: inherit !important;
+	--bs-btn-hover-bg: #1b1b1b;
+	--bs-btn-hover-color: inherit !important;
+	--bs-btn-active-bg: inherit !important;
+	--bs-btn-active-color: inherit !important;
 }

assets/css/darkly_wide/overrides.css

@@ -263,4 +263,15 @@ div.alert-danger {
 #quicklog-form .border,
 #searchbar-form .border {
     border-color: #757575 !important;
+}
+
+.multiselect {
+	--bs-btn-color: inherit !important;
+	--bs-btn-bg: inherit !important;
+	--bs-btn-border-color: inherit !important;
+	--bs-btn-hover-border-color: inherit !important;
+	--bs-btn-hover-bg: #1b1b1b;
+	--bs-btn-hover-color: inherit !important;
+	--bs-btn-active-bg: inherit !important;
+	--bs-btn-active-color: inherit !important;
 }

assets/css/default/overrides.css

@@ -65,4 +65,15 @@ thead > tr > td {
 
 #utc_header_li {
 	color: #575757;
+}
+
+.multiselect {
+	--bs-btn-color: inherit !important;
+	--bs-btn-bg: inherit !important;
+	--bs-btn-border-color: #dee2e6;
+	--bs-btn-hover-border-color: #dee2e6;
+	--bs-btn-hover-bg: inherit !important;
+	--bs-btn-hover-color: inherit !important;
+	--bs-btn-active-bg: inherit !important;
+	--bs-btn-active-color: inherit !important;
 }

assets/css/default_wide/overrides.css

@@ -100,4 +100,15 @@ thead > tr > td {
 
 #utc_header_li {
 	color: #575757;
+}
+
+.multiselect {
+	--bs-btn-color: inherit !important;
+	--bs-btn-bg: inherit !important;
+	--bs-btn-border-color: #dee2e6;
+	--bs-btn-hover-border-color: #dee2e6;
+	--bs-btn-hover-bg: inherit !important;
+	--bs-btn-hover-color: inherit !important;
+	--bs-btn-active-bg: inherit !important;
+	--bs-btn-active-color: inherit !important;
 }

assets/css/general.css

@@ -1056,13 +1056,3 @@ label {
 #dxcc + .btn-group .multiselect-container .multiselect-option input[type="radio"] {
     display: none;
 }
-
-.multiselect {
-	--bs-btn-color: inherit !important;
-	--bs-btn-bg: inherit !important;
-	--bs-btn-border-color: var(--bs-border-color) !important;
-	--bs-btn-hover-bg: inherit !important;
-	--bs-btn-hover-color: inherit !important;
-	--bs-btn-active-bg: inherit !important;
-	--bs-btn-active-color: inherit !important;
-}

assets/css/superhero/overrides.css

@@ -210,4 +210,15 @@ div.alert-danger {
 #quicklog-form .border,
 #searchbar-form .border {
     border-color: #959595 !important;
+}
+
+.multiselect {
+	--bs-btn-color: inherit !important;
+	--bs-btn-bg: inherit !important;
+	--bs-btn-border-color: inherit !important;
+	--bs-btn-hover-border-color: inherit !important;
+	--bs-btn-hover-bg: #1e3146;
+	--bs-btn-hover-color: inherit !important;
+	--bs-btn-active-bg: inherit !important;
+	--bs-btn-active-color: inherit !important;
 }

assets/css/superhero_wide/overrides.css

@@ -259,4 +259,15 @@ div.alert-danger {
 #quicklog-form .border,
 #searchbar-form .border {
     border-color: #959595 !important;
+}
+
+.multiselect {
+	--bs-btn-color: inherit !important;
+	--bs-btn-bg: inherit !important;
+	--bs-btn-border-color: inherit !important;
+	--bs-btn-hover-border-color: inherit !important;
+	--bs-btn-hover-bg: #1e3146;
+	--bs-btn-hover-color: inherit !important;
+	--bs-btn-active-bg: inherit !important;
+	--bs-btn-active-color: inherit !important;
 }

assets/js/sections/logbookadvanced.js

@@ -313,6 +313,7 @@ $(document).ready(function () {
 		  button: '<button type="button" class="multiselect dropdown-toggle btn btn-sm btn-secondary me-2 w-auto" data-bs-toggle="dropdown" aria-expanded="false"><span class="multiselect-selected-text"></span></button>',
 		},
 		numberDisplayed: 1,
+		inheritClass: true,
 		includeSelectAllOption: true
 	});