fix(core): form label white space (#12491)

SAP · Oct 1, 2024 · 4b4b06f · 4b4b06f
1 parent 00a6c0d
commit 4b4b06f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/libs/core/form/form-label/form-label.component.html b/libs/core/form/form-label/form-label.component.html
@@ -17,11 +17,8 @@
 @if (inlineHelpPlacement === 'before' && inlineHelpContent) {
     <ng-template [ngTemplateOutlet]="inlineHelpRef"></ng-template>
 }
-<span class="fd-form-label" [class.fd-form-label--required]="required">
+<span class="fd-form-label" [class.fd-form-label--required]="required" [class.fd-form-label--colon]="colon">
     <ng-content></ng-content>
-    @if (colon) {
-        :
-    }
 </span>
 @if (inlineHelpPlacement === 'after' && inlineHelpContent) {
     <ng-template [ngTemplateOutlet]="inlineHelpRef"></ng-template>

diff --git a/libs/docs/core/input/examples/input-example.component.html b/libs/docs/core/input/examples/input-example.component.html
@@ -1,11 +1,11 @@
 <h4 fd-form-header>Examples</h4>
 <br />
 <div fd-form-item>
-    <label fd-form-label for="input-1">Default Input</label>
+    <label fd-form-label for="input-1" [colon]="true">Default Input</label>
     <input fd-form-control type="text" id="input-1" placeholder="Field placeholder text" />
 </div>
 <div fd-form-item>
-    <label fd-form-label [required]="true" for="input-2">Required Input:</label>
+    <label fd-form-label [required]="true" [colon]="true" for="input-2">Required Input</label>
     <input fd-form-control type="text" id="input-2" placeholder="Field placeholder text" aria-required="true" />
 </div>
 <div fd-form-item>