moves vselect placement CSS to vendor SCSS file

area17 · Dec 11, 2024 · 52b981b · 52b981b
1 parent a958441
commit 52b981b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 13 deletions.
diff --git a/frontend/js/components/VSelect.vue b/frontend/js/components/VSelect.vue
@@ -39,19 +39,6 @@
   </div>
 </template>
 
-<style>
-  .vs__dropdown-menu {
-    transition: none;
-  }
-
-  .vs__dropdown-menu[data-popper-placement='top'] {
-    border-radius: 4px 4px 0 0;
-    border-top-style: solid;
-    border-bottom-style: none;
-    box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.15);
-  }
-</style>
-
 <script>
   import debounce from 'lodash/debounce'
   import { createPopper } from '@popperjs/core'

diff --git a/frontend/scss/vendor/_vselect.scss b/frontend/scss/vendor/_vselect.scss
@@ -32,6 +32,14 @@ $multiSelectHeight: 45px;
       box-shadow: 0px 1px 3.5px 0px rgba(0, 0, 0, 0.30);
       border-bottom-right-radius: 2px;
       border-bottom-left-radius: 2px;
+      transition: none;
+
+      &[data-popper-placement='top'] {
+        border-radius: 2px 2px 0 0;
+        border-top: 0 none;
+        border-bottom: 1px solid $color__border--light;
+        box-shadow: 0px -1px 3.5px 0px rgba(0, 0, 0, 0.30);
+      }
 
       li.vs__no-options {
         color:$color__text--light;