fix(core) Properly attach classes | Override styling (#3369)

SAP · Sep 24, 2020 · 494d680 · 494d680
1 parent 2edbfc7
commit 494d680
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/libs/core/src/lib/form/form-input-message-group/form-input-message-group.component.html b/libs/core/src/lib/form/form-input-message-group/form-input-message-group.component.html
@@ -1,5 +1,5 @@
 <fd-popover
-    class="fd-form-input-message-group fd-popover--input-message-group"
+    class="fd-form-input-message-group"
     [placement]="placement"
     [triggers]="triggers"
     [noArrow]="noArrow"
@@ -9,6 +9,7 @@
     [isOpen]="isOpen"
     (isOpenChange)="openChanged($event)"
     [addContainerClass]="'fd-popover-container-custom--message'"
+    [additionalClasses]="['fd-popover__popper--input-message-group']"
 >
     <fd-popover-control>
         <ng-content></ng-content>

diff --git a/libs/core/src/lib/form/form-input-message-group/form-input-message-group.component.scss b/libs/core/src/lib/form/form-input-message-group/form-input-message-group.component.scss
@@ -17,3 +17,8 @@
     display: block;
   }
 }
+
+.fd-popover__popper.fd-popover__popper--input-message-group {
+    margin-top: 0 !important;
+    z-index: 999;
+}