From 89a9fea3f1eb88a9265df9c652acde4010af3986 Mon Sep 17 00:00:00 2001
From: Peter Olu <pemeraldy@gmail.com>
Date: Tue, 24 May 2022 17:14:49 +0100
Subject: [PATCH] optimized layout resize for multi-select

---
 src/views/dashboard/related/log/Header.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/views/dashboard/related/log/Header.vue b/src/views/dashboard/related/log/Header.vue
index ef015a50..0a287f82 100644
--- a/src/views/dashboard/related/log/Header.vue
+++ b/src/views/dashboard/related/log/Header.vue
@@ -18,11 +18,8 @@ limitations under the License. -->
       <p style="margin-right: 10px">Select visible columns</p>
       <el-select
         v-model="selectedColumns"
-        clearable
         multiple
         collapse-tags
-        automatic-dropdown
-        collapse-tags-tooltip
         placeholder="Select"
         style="width: 240px"
         size="small"
@@ -726,5 +723,16 @@ watch(
 .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
   background: transparent;
 }
-
+.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{
+  width: 100%;
+  padding: 0 32px 0 20px;
+}
+.el-select-dropdown__item.selected {
+  display: block;
+  width: 100%;
+  padding: 0 32px 0 20px;
+}
+.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{
+  display:none !important;
+}
 </style>