Merge pull request #234 from PrestaShopCorp/fix_some_shit

fix: fix some issues with select component
PrestaShopCorp · Oct 30, 2023 · bc402b9 · bc402b9
2 parents 510f55d + 9349c36
commit bc402b9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/theme/src/option.scss b/packages/theme/src/option.scss
@@ -1,5 +1,5 @@
 .puik-option {
-  @apply relative cursor-default select-none py-2 px-2 text-primary-800 transition-colors;
+  @apply flex place-content-between relative cursor-default select-none p-2 text-primary-800 transition-colors;
   &--selected {
     @apply bg-primary-300;
   }
@@ -19,6 +19,6 @@
     @apply font-primary font-normal block truncate;
   }
   &__selected-icon {
-    @apply font-materialIcons absolute inset-y-0 right-0 flex items-center w-5 mr-3;
+    @apply font-materialIcons inset-y-0 right-0 flex items-center w-5 ml-2;
   }
 }
diff --git a/packages/theme/src/select.scss b/packages/theme/src/select.scss
@@ -31,16 +31,16 @@
     @apply pointer-events-none absolute inset-y-0 right-0 flex items-center pr-4 select-none;
   }
   &__search {
-    @apply px-2 mb-1;
+    @apply px-1 my-1;
   }
   &__no-results {
     @apply p-2 truncate;
   }
   &__options {
-    @apply absolute mt-2 rounded bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5
+    @apply absolute bg-white text-base shadow-lg ring-1 ring-black ring-opacity-5
     focus-visible:outline-none sm:text-sm overflow-x-hidden;
     &--full-width {
-      @apply w-max;
+      @apply min-w-full w-max;
     }
   }
   &__options-list {