Merge pull request #304 from crucialfelix/feature/fix-icon-darkmode

fix #299 : trash icon is invisible in dark mode
crucialfelix · Dec 6, 2023 · 06a199d · 06a199d
2 parents fe6cc15 + 5c679a1
commit 06a199d
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/ajax_select/static/ajax_select/css/ajax_select.css b/ajax_select/static/ajax_select/css/ajax_select.css
@@ -2,9 +2,30 @@
   float: left;
   cursor: pointer;
 }
+
+@media (prefers-color-scheme: dark) {
+  .ui-icon {
+    filter: invert(0.8);
+    margin-right: 0.25rem;
+  }
+}
+
+html[data-theme="dark"] {
+  .ui-icon {
+    filter: invert(0.8);
+    margin-right: 0.25rem;
+  }
+}
+
 .results_on_deck {
   padding: 0.25em 0;
 }
+.results_on_deck > div {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  align-items: center;
+}
+
 form .aligned .results_on_deck {
   padding-left: 14px;
   margin-left: 160px;