From 2debbafa16697afaf2d57479eeb74b394fb6ce93 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ole=20Volds=C3=A6ter?= <ole.voldsater@uib.no>
Date: Fri, 12 Feb 2021 15:24:06 +0100
Subject: [PATCH] ryddet opp i CSS

---
 src/App.vue                     | 28 -----------------
 src/components/Autocomplete.vue | 56 ++++++++++++++++++---------------
 2 files changed, 31 insertions(+), 53 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 593ef3f9..c6502d97 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -418,34 +418,6 @@ div.monthly article.nob .dict-label::before {
   color: #FDF4F5;
 }
 
-.show {
-  display: block;
-}
-
-.hide {
-  display: none;
-}
-
-.autocomplete {
-  width: 25em;
-  border-bottom: solid  #BC477B;
-  border-radius: 0px;
-}
-
-.autocomplete-input {
-  border-radius: 0px;
-  background-color: #FFFFFF;
-}
-
-.autocomplete-result-list {
-  max-height: 500px;
-}
-
-.lang-select-intro {
-  font-size: smaller;
-  font-weight: bold;
-}
-
 footer {
   font-size: smaller;
   display: table;
diff --git a/src/components/Autocomplete.vue b/src/components/Autocomplete.vue
index ddf7df59..b2dbbe8f 100644
--- a/src/components/Autocomplete.vue
+++ b/src/components/Autocomplete.vue
@@ -1,29 +1,31 @@
 <template>
-  <v-autocomplete
-      v-model="select"
-      :loading="loading"
-      :items="items"
-      :search-input.sync="search"
-      item-text="label"
-      :menu-props="{maxHeight: 500, transition: 'fade-transition'}"
-      prepend-inner-icon="search"
-      append-icon="undefined"
-      return-object
-      hide-no-data
-      no-filter
-      hide-details
-      label="Søk..."
-      solo
-      auto-select-first
-      placeholder="Søk..."
-      ref="autocomplete"
-      color="rgb(188, 71, 123)"
-      dense
-    >
-    <template v-slot:item="data">
-    <span class="search-hit">{{data.item.label}} </span> ({{data.item.lang_set ? Array.from(data.item.lang_set).sort().join(', ') : 'fritekstsøk'}})
-    </template>
-  </v-autocomplete>
+  <div class="autocomplete-container">
+    <v-autocomplete
+        v-model="select"
+        :loading="loading"
+        :items="items"
+        :search-input.sync="search"
+        item-text="label"
+        :menu-props="{maxHeight: 500, transition: 'fade-transition'}"
+        prepend-inner-icon="search"
+        append-icon="undefined"
+        return-object
+        hide-no-data
+        no-filter
+        hide-details
+        label="Søk..."
+        solo
+        auto-select-first
+        placeholder="Søk..."
+        ref="autocomplete"
+        color="rgb(188, 71, 123)"
+        dense
+      >
+      <template v-slot:item="data">
+      <span class="search-hit">{{data.item.label}} </span> ({{data.item.lang_set ? Array.from(data.item.lang_set).sort().join(', ') : 'fritekstsøk'}})
+      </template>
+    </v-autocomplete>
+  </div>
 </template>
 
 <script>
@@ -101,4 +103,8 @@
     font-weight: bold;
     margin-right: 5px;
   }
+
+  .autocomplete-container {
+    max-width: 500px;
+  }
 </style>
-- 
GitLab