Add an arrow icon to select elements at least when using the dark theme

Signed-off-by: Axel Boberg <[email protected]>
svt · Feb 14, 2024 · 47bdcb0 · 47bdcb0
1 parent d1b1e5e
commit 47bdcb0
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/app/assets/icons/arrow-down.svg b/app/assets/icons/arrow-down.svg
diff --git a/app/bridge.css b/app/bridge.css
@@ -125,7 +125,7 @@ select {
 select {
   color: inherit;
   border: 1px solid var(--base-color--shade);
-  background: none;
+  background: url('./assets/icons/arrow-down.svg') no-repeat right 10px center transparent;
 
   -webkit-appearance: none;
   appearance: none;
@@ -138,7 +138,7 @@ select {
 }
 
 select:focus {
-  background: var(--base-color--background);
+  background: url('./assets/icons/arrow-down.svg') no-repeat right 10px center var(--base-color--background);
 }
 
 /* Headings */

diff --git a/webpack.common.js b/webpack.common.js
@@ -119,7 +119,7 @@ module.exports = [
           ]
         },
         {
-          test: /\.(gif|png|jp(e*)g|woff|woff2)$/,
+          test: /\.(svg|gif|png|jp(e*)g|woff|woff2)$/,
           type: 'asset/resource'
         }
       ]
-Original file line number
+Diff line change
@@ Expand Up / @@ -119,7 +119,7 @@ module.exports = [ @@
               ]
             },
             {
-              test: /\.(gif|png|jp(e*)g|woff|woff2)$/,
+              test: /\.(svg|gif|png|jp(e*)g|woff|woff2)$/,
               type: 'asset/resource'
             }
           ]
@@ Expand Down @@