Adjust legacy widget form styles to match editor. (#32974)

WordPress · Jun 25, 2021 · 9eeacc3 · 9eeacc3
1 parent 2b1b305
commit 9eeacc3
Showing 1 changed file with 18 additions and 22 deletions.
diff --git a/packages/widgets/src/blocks/legacy-widget/editor.scss b/packages/widgets/src/blocks/legacy-widget/editor.scss
@@ -23,36 +23,32 @@
 			font-size: $default-font-size;
 		}
 
-		label + .widefat {
-			margin-top: $grid-unit-15;
-		}
-
 		// Override theme style bleed.
 		label,
 		input,
 		a {
+			font-family: system-ui;
+			font-weight: normal;
 			color: $black;
 		}
+		input[type="text"],
 		select {
 			font-family: system-ui;
-			-webkit-appearance: revert;
-			color: revert;
-			border: revert;
-			border-radius: revert;
-			background: revert;
-			box-shadow: revert;
-			text-shadow: revert;
-			outline: revert;
-			cursor: revert;
-			transform: revert;
-			font-size: revert;
-			line-height: revert;
-			padding: revert;
-			margin: revert;
-			min-height: revert;
-			max-width: revert;
-			vertical-align: revert;
-			font-weight: revert;
+			background: transparent;
+			box-sizing: border-box;
+			border: 1px solid $gray-700;
+			border-radius: 3px;
+			box-shadow: none;
+			color: $black;
+			display: block;
+			margin: 0;
+			width: 100%;
+			font-size: $default-font-size;
+			font-weight: normal;
+			height: 30px;
+			line-height: 1;
+			min-height: 30px;
+			padding-left: $grid-unit-05;
 		}
 	}