#5201 fix dropdown

kodadot · Mar 9, 2023 · 80c6c1e · 80c6c1e
1 parent 103c8ee
commit 80c6c1e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/components/explore/ExploreSort.vue b/components/explore/ExploreSort.vue
@@ -4,7 +4,6 @@
       v-model="selectedSort"
       class="sort"
       :close-on-click="false"
-      append-to-body
       multiple
       :mobile-modal="false"
       aria-role="list"
@@ -33,16 +32,14 @@
         v-for="option in options"
         :key="option"
         aria-role="listitem"
+        class="is-flex"
         :value="option">
         <span>
           {{
             $i18n.t(isItems ? `sort.${option}` : `sort.collection.${option}`)
           }}
         </span>
-        <img
-          v-if="selectedSort.includes(option)"
-          class="sort-check"
-          src="/checkmark.svg" />
+        <b-icon v-if="selectedSort.includes(option)" icon="check" />
       </NeoDropdownItem>
     </o-dropdown>
   </div>
@@ -125,7 +122,7 @@ onMounted(() => {
   }
 
   .neo-dropdown-item {
-    width: 16rem;
+    width: 14rem;
   }
 }
 

diff --git a/libs/ui/src/components/NeoDropdown/NeoDropdown.scss b/libs/ui/src/components/NeoDropdown/NeoDropdown.scss
@@ -29,8 +29,8 @@ $dropdown-item-hover-background-color: #ffe5f3;
   &.is-active,
   &--active {
     @include ktheme() {
-      color: theme('text-color-inverse');
-      background: theme('background-color-inverse');
+      color: theme('text-color-inverse')!important;
+      background: theme('background-color-inverse')!important;
     }
   }
 }