fix(plasma-react, multiselect): fix margin for selected options (#3704)

coveo · Apr 29, 2024 · 7b2bfd6 · 7b2bfd6
1 parent 05f8e2f
commit 7b2bfd6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 6 deletions.
diff --git a/packages/style/scss/components/multiselect-input.scss b/packages/style/scss/components/multiselect-input.scss
@@ -28,6 +28,7 @@
 .selected-options-container {
     display: inline-flex;
     flex-flow: row wrap;
+    margin-bottom: $spacing;
 
     .selected-option,
     .sortable-selected-option {
@@ -53,16 +54,10 @@
 }
 
 .multiselect-empty {
-    margin-bottom: $spacing;
     color: var(--deprecated-medium-grey);
     line-height: $button-small-height + 2 * $button-border-width;
 }
 
-.selected-option:last-child,
-.sortable-selected-option:last-child {
-    margin-bottom: $spacing;
-}
-
 .remove-all-selected-options {
     align-self: flex-start;
     padding: $dropdown-multiselect-items-margin;

diff --git a/packages/website/src/examples/legacy/form/MultiSelect/main.demo.tsx b/packages/website/src/examples/legacy/form/MultiSelect/main.demo.tsx
@@ -3,6 +3,7 @@ import {MultiSelectConnected} from '@coveord/plasma-react';
 const Demo = () => (
     <MultiSelectConnected
         id="mutli-select-1"
+        multiSelectStyle={{width: '100%', maxWidth: '400px'}}
         items={[
             {value: 'one', displayValue: 'Option 1'},
             {value: 'two', displayValue: 'Option 2'},