Style for layout regular label

WordPress · Nov 19, 2024 · c724251 · c724251
1 parent e819c8e
commit c724251
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 8 deletions.
diff --git a/packages/dataviews/src/dataforms-layouts/regular/index.tsx b/packages/dataviews/src/dataforms-layouts/regular/index.tsx
@@ -105,13 +105,15 @@ export default function FormRegularField< Item >( {
 	}
 
 	return (
-		<fieldDefinition.Edit
-			data={ data }
-			field={ fieldDefinition }
-			onChange={ onChange }
-			hideLabelFromVision={
-				labelPosition === 'none' ? true : hideLabelFromVision
-			}
-		/>
+		<div className="dataforms-layouts-regular__field">
+			<fieldDefinition.Edit
+				data={ data }
+				field={ fieldDefinition }
+				onChange={ onChange }
+				hideLabelFromVision={
+					labelPosition === 'none' ? true : hideLabelFromVision
+				}
+			/>
+		</div>
 	);
 }
diff --git a/packages/dataviews/src/dataforms-layouts/regular/style.scss b/packages/dataviews/src/dataforms-layouts/regular/style.scss
@@ -5,6 +5,12 @@
 	align-items: flex-start !important;
 }
 
+.dataforms-layouts-regular__field .components-base-control__label {
+	font-size: inherit;
+	font-weight: normal;
+	text-transform: none;
+}
+
 .dataforms-layouts-regular__field-label {
 	width: 38%;
 	flex-shrink: 0;