From fe477ac2ac500db2582e42e71d59d8e316e067d8 Mon Sep 17 00:00:00 2001
From: dderbentsov <dderbentsov@gmail.com>
Date: Tue, 3 Jan 2023 03:52:03 +0300
Subject: [PATCH] =?UTF-8?q?=D0=B8=D0=B7=D0=BC=D0=B5=D0=BD=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B8=D1=8F=20long=20list?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/kit/KitLongList.vue | 45 ++++++++++++++----------------
 1 file changed, 21 insertions(+), 24 deletions(-)

diff --git a/src/components/kit/KitLongList.vue b/src/components/kit/KitLongList.vue
index 45b6076..9ab4ee1 100644
--- a/src/components/kit/KitLongList.vue
+++ b/src/components/kit/KitLongList.vue
@@ -1,22 +1,22 @@
 <template lang="pug">
   base-input-container(:label="label")
-  .flex.container    
-    base-input(type="text", v-model="value.label")
-      template(#icon)
-        .icon(@click="isExpand = !isExpand")
-    .menu(v-if="isExpand")
-      base-input(
-        type="text", 
-        v-model="searchValue",
-        placeholder="Поиск...")
+    .relative    
+      base-input(type="text", v-model="value.label")
         template(#icon)
-          .icon1(@click="isExpand = !isExpand")
-      .item.p-1.cursor-pointer(
-        v-for="item in items", 
-        :key="item.id",
-        @click="pickValue(item)"
-      )
-        .text {{item.label}}
+          .icon(@click="isExpand = !isExpand")
+      .menu(v-if="isExpand")
+        base-input(
+          type="text", 
+          v-model="searchValue",
+          placeholder="Поиск...")
+          template(#icon)
+            .icon1(@click="isExpand = !isExpand")
+        .item.p-2.cursor-pointer(
+          v-for="item in items", 
+          :key="item.id",
+          @click="pickValue(item)"
+        )
+          .text {{item.label}}
 </template>
 
 <script>
@@ -73,18 +73,15 @@ export default {
   width: 20px
   height: 100%
 
-.icon1
-  background: url("../../assets/icons/down-arrow-1.svg") no-repeat 100% 50%
-  cursor: pointer
-  width: 20px
-  height: 100%
-  rotate: 180deg
 .menu
   background: #fff
   position: absolute
-  height: 200px
   z-index: 10
   border: 1.5px solid var(--border-light-grey-color)
-  border-radius: 4px
+  border-radius: 0 0 4px 4px
+  border-top: none
+  width: 100%
   .item
+    &:hover
+      background: var(--bg-hover-row-table)
 </style>