docs(core) Prevent from overriding compact styles (#3736)

SAP · Nov 4, 2020 · f32cd59 · f32cd59
1 parent c92a5fa
commit f32cd59
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/libs/core/src/lib/multi-input/multi-input.component.html b/libs/core/src/lib/multi-input/multi-input.component.html
@@ -86,7 +86,6 @@
         <li
             *ngFor="let value of displayedValues"
             fd-list-item
-            class="fd-multi-input-list-item-custom"
             [selected]="selected.indexOf(value) !== -1"
         >
             <fd-checkbox

diff --git a/libs/core/src/lib/multi-input/multi-input.component.scss b/libs/core/src/lib/multi-input/multi-input.component.scss
@@ -36,17 +36,20 @@
 .fd-multi-input-menu-overflow {
     max-width: 100%;
     overflow: auto;
-    
+
     // TODO: Remove after adjusting in styles
-    .fd-multi-input-list-item-custom {
-        height: 2.5rem;
+    &:not(.fd-list--compact) {
+        .fd-list__item {
+            height: 2.5rem;
 
-        .fd-checkbox__label {
-            padding-top: 0.5625rem;
-            padding-bottom: 0.5625rem;
+            .fd-checkbox__label {
+                padding-top: 0.5625rem;
+                padding-bottom: 0.5625rem;
+            }
         }
     }
 }
+
 .fd-input {
     &.fd-multi-input-tokenizer-input {
         margin-top: 0;