fix(multiple): fix label styles in inline-group

acrodata · Apr 16, 2024 · 4ef015f · 4ef015f
1 parent 83d6c67
commit 4ef015f
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 8 deletions.
diff --git a/projects/gui/field-group/field-group.scss b/projects/gui/field-group/field-group.scss
@@ -7,7 +7,6 @@
   display: inline-flex;
   flex: 1;
   flex-wrap: wrap;
-  align-items: center;
 
   >.mat-mdc-form-field {
     flex: 1;

diff --git a/projects/gui/file-uploader/file-uploader.html b/projects/gui/file-uploader/file-uploader.html
@@ -29,3 +29,7 @@
   <input #fileInput type="file" [accept]="accept" [name]="name"
          [disabled]="disabled" (change)="onFileChange($event)">
 </figure>
+
+<mat-hint *ngIf="config.parentType==='inline'">
+  <gui-field-label [config]="config"></gui-field-label>
+</mat-hint>
diff --git a/projects/gui/inline-group/inline-group.scss b/projects/gui/inline-group/inline-group.scss
@@ -1,6 +1,12 @@
 .gui-inline-group {
   display: flex;
   padding: 4px 8px;
+
+  mat-hint {
+    width: 100%;
+    line-height: var(--mat-form-field-subscript-text-line-height);
+    -webkit-font-smoothing: antialiased;
+  }
 }
 
 .gui-inline-group-content {

diff --git a/projects/gui/slider/slider.scss b/projects/gui/slider/slider.scss
@@ -43,10 +43,4 @@
       appearance: none;
     }
   }
-
-  .mat-mdc-form-field-hint {
-    width: 100%;
-    padding: 0 8px;
-    line-height: var(--mat-form-field-subscript-text-line-height);
-  }
 }
diff --git a/projects/gui/switch/switch.scss b/projects/gui/switch/switch.scss
@@ -7,6 +7,6 @@
   }
 
   .mat-mdc-slide-toggle {
-    line-height: 1;
+    line-height: 24px;
   }
 }