From 84217ec866756b3bc4bb3ccefafd920ca8757503 Mon Sep 17 00:00:00 2001
From: Eliseu Amaro <mail@eliseuama.ro>
Date: Mon, 29 Nov 2021 17:50:30 +0000
Subject: [PATCH] [CSS] Fix multiple select box styling

---
 public/assets/default_theme/css/base.css            | 4 ++--
 public/assets/default_theme/css/widgets/buttons.css | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/public/assets/default_theme/css/base.css b/public/assets/default_theme/css/base.css
index 3f53537666..47da827966 100644
--- a/public/assets/default_theme/css/base.css
+++ b/public/assets/default_theme/css/base.css
@@ -186,7 +186,7 @@ li {
         background-color: var(--background-hard);
     }
 
-    select {
+    select:not([multiple]) {
         background: var(--gradient),url("../images/select_drop_dark.png") no-repeat center right 5px !important;
         background-size: cover,16px !important;
     }
@@ -197,7 +197,7 @@ li {
         background-color: var(--background-hard);
     }
 
-    select {
+    select:not([multiple]) {
         background: var(--gradient),url("../images/select_drop_light.png") no-repeat center right 5px !important;
         background-size: cover,16px !important;
         background-blend-mode: saturation;
diff --git a/public/assets/default_theme/css/widgets/buttons.css b/public/assets/default_theme/css/widgets/buttons.css
index 95a9d949bb..c6e2b89f08 100644
--- a/public/assets/default_theme/css/widgets/buttons.css
+++ b/public/assets/default_theme/css/widgets/buttons.css
@@ -164,8 +164,9 @@ select {
     max-width: 100% !important;
 }
 
-select>option {
-    width: 1px;
+select[multiple] {
+    overflow-y: scroll;
+    height: 20rem;
 }
 
 button:focus,button:hover,input:focus,input:hover,select:focus,select:hover,textarea:focus,textarea:hover {