Fixed #21 - Narrow down the scope of field label

primefaces · May 28, 2020 · 94e0f77 · 94e0f77
1 parent 0b1b0b6
commit 94e0f77
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/primeflex.scss b/primeflex.scss
@@ -1211,12 +1211,12 @@ $fieldLabelMargin: .5em !default;
     margin-bottom: $fieldMargin;
 }
 
-.p-field label {
+.p-field > label {
     display: inline-block;
     margin-bottom: $fieldLabelMargin;
 }
 
-.p-field.p-grid label {
+.p-field.p-grid > label {
     margin-bottom: 0;
     display: flex;
     align-items: center;
@@ -1271,9 +1271,9 @@ $fieldLabelMargin: .5em !default;
     margin-bottom: 0;
 }
 
-.p-formgroup-inline .p-field label,
-.p-formgroup-inline .p-field-checkbox label,
-.p-formgroup-inline .p-field-radiobutton label {
+.p-formgroup-inline .p-field > label,
+.p-formgroup-inline .p-field-checkbox > label,
+.p-formgroup-inline .p-field-radiobutton > label {
     margin-right: $fieldLabelMargin;
     margin-bottom: 0;
 }
@@ -1285,8 +1285,8 @@ $fieldLabelMargin: .5em !default;
     align-items: center;
 }
 
-.p-field-checkbox label,
-.p-field-radiobutton label {
+.p-field-checkbox > label,
+.p-field-radiobutton > label {
     margin-left: $fieldLabelMargin;
     line-height: 1;
 }