fix(platform): vhd - misc issues

SAP · Feb 11, 2022 · bee98e8 · bee98e8
1 parent 12bd632
commit bee98e8
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 17 deletions.
diff --git a/...mponent-docs/platform-vhd/platform-vhd-examples/platform-vhd-input-example.component.html b/...mponent-docs/platform-vhd/platform-vhd-examples/platform-vhd-input-example.component.html
@@ -39,20 +39,17 @@
 <br />
 <div fd-form-item>
     <label fd-form-label for="test-selection-type-single">Selection type: multi</label>
-    <div style="overflow: auto">
-        <ng-container *ngIf="values.multi">
-            <fd-token fd-toolbar-item *ngFor="let item of values.multi" [compact]="true" [readOnly]="true">{{
-                item.name
-            }}</fd-token>
-        </ng-container>
-        <button
-            fd-button
-            [compact]="true"
-            (click)="vhd2.open()"
-            aria-label="Open value help dialog"
-            label="Open and select"
-        ></button>
-    </div>
+    <fd-token fd-toolbar-item *ngFor="let item of values.multi" [compact]="true" [readOnly]="true">
+        {{ item.name }}
+    </fd-token>
+    <br *ngIf="values.multi?.length" />
+    <button
+        fd-button
+        [compact]="true"
+        (click)="vhd2.open()"
+        aria-label="Open value help dialog"
+        label="Open and select"
+    ></button>
 </div>
 <fdp-value-help-dialog
     #vhd2

diff --git a/libs/platform/src/lib/value-help-dialog/value-help-dialog/value-help-dialog.component.html b/libs/platform/src/lib/value-help-dialog/value-help-dialog/value-help-dialog.component.html
@@ -100,7 +100,6 @@ <h5 fd-title class="selected-and-condition-title" [id]="id + '-selected-item'">
                 <div class="fdp-value-help-dialog__actions-row">
                     <button
                         fd-button
-                        [compact]="contentDensity | isCompactDensity"
                         data-go-advanced
                         i18n-label="@@platformI18nValueHelpDialog.SearchButton"
                         label="Go"
@@ -111,7 +110,6 @@ <h5 fd-title class="selected-and-condition-title" [id]="id + '-selected-item'">
                     ></button>
                     <button
                         fd-button
-                        [compact]="contentDensity | isCompactDensity"
                         data-succes
                         i18n-label="@@platformI18nValueHelpDialog.SuccessButton"
                         label="OK"
@@ -122,7 +120,6 @@ <h5 fd-title class="selected-and-condition-title" [id]="id + '-selected-item'">
                     ></button>
                     <button
                         fd-button
-                        [compact]="contentDensity | isCompactDensity"
                         data-dismiss-dialog
                         fd-dialog-decisive-button
                         i18n-label="@@platformI18nValueHelpDialog.CancelButton"

diff --git a/libs/platform/src/lib/value-help-dialog/value-help-dialog/value-help-dialog.component.scss b/libs/platform/src/lib/value-help-dialog/value-help-dialog/value-help-dialog.component.scss
@@ -19,6 +19,10 @@ $block: fdp-value-help-dialog;
         min-height: 1.625rem;
     }
 
+    &__row.#{$block}__advanced-search {
+        padding-top: 1rem;
+    }
+
     &__advanced-search,
     .fd-dialog__body {
         background-color: #f7f7f7;