Merge pull request #21250 from abpframework/issue/21228

Align feature child inputs
abpframework · Nov 5, 2024 · 5956525 · 5956525
2 parents 01d9a8d + 81d6b0c
commit 5956525
Show file tree

Hide file tree

Showing 2 changed files with 301 additions and 112 deletions.
diff --git a/...eature-management/src/lib/components/feature-management/feature-management.component.html b/...eature-management/src/lib/components/feature-management/feature-management.component.html
@@ -26,7 +26,7 @@ <h4>{{ selectedGroupDisplayName }}</h4>
                       <div class="mt-2" [ngStyle]="feature.style" (keyup.enter)="save()">
                         @switch (feature.valueType?.name) {
                           @case (valueTypes.ToggleStringValueType) {
-                            <div class="form-check">
+                            <div class="form-check" [class.px-4]="!!feature.parentName">
                               <input
                                 class="form-check-input"
                                 type="checkbox"
@@ -47,7 +47,7 @@ <h4>{{ selectedGroupDisplayName }}</h4>
                             </div>
                           }
                           @case (valueTypes.FreeTextStringValueType) {
-                            <div class="mb-3 form-group">
+                            <div class="mb-3 form-group" [class.px-2]="!!feature.parentName">
                               <label [htmlFor]="feature.name" class="form-label">{{
                                 feature.displayName
                               }}</label>
@@ -69,7 +69,7 @@ <h4>{{ selectedGroupDisplayName }}</h4>
                           }
                           @case (valueTypes.SelectionStringValueType) {
                             @if (feature.valueType.itemSource?.items?.length) {
-                              <div class="mb-3 form-group">
+                              <div class="mb-3 form-group" [class.px-2]="!!feature.parentName">
                                 <label [htmlFor]="feature.name" class="form-label">{{
                                   feature.displayName
                                 }}</label>