Try: tertiary buttons for media placeholder, with tweaks.

WordPress · Feb 20, 2020 · 3f82e61 · 3f82e61
1 parent 9734b48
commit 3f82e61
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/packages/block-editor/src/components/media-placeholder/index.js b/packages/block-editor/src/components/media-placeholder/index.js
@@ -278,7 +278,7 @@ export class MediaPlaceholder extends Component {
 					className="block-editor-media-placeholder__button"
 					onClick={ this.openURLInput }
 					isPressed={ isURLInputVisible }
-					isSecondary
+					isTertiary
 				>
 					{ __( 'Insert from URL' ) }
 				</Button>
@@ -319,7 +319,7 @@ export class MediaPlaceholder extends Component {
 				render={ ( { open } ) => {
 					return (
 						<Button
-							isSecondary
+							isTertiary
 							onClick={ ( event ) => {
 								event.stopPropagation();
 								open();

diff --git a/packages/block-library/src/cover/editor.scss b/packages/block-library/src/cover/editor.scss
@@ -25,7 +25,6 @@
 	}
 
 	.wp-block-cover__placeholder-background-options {
-		margin-top: 1em;
 		width: 100%;
 	}
 

diff --git a/packages/components/src/button/style.scss b/packages/components/src/button/style.scss
@@ -149,6 +149,7 @@
 		white-space: nowrap;
 		color: $theme-color;
 		background: transparent;
+		padding: 6px; // This reduces the horizontal padding on tertiary/text buttons, so as to space them optically.
 
 		.dashicon {
 			display: inline-block;

diff --git a/packages/components/src/placeholder/style.scss b/packages/components/src/placeholder/style.scss
@@ -41,7 +41,7 @@
 .components-placeholder__label {
 	display: flex;
 	font-weight: 600;
-	margin-bottom: 1em;
+	margin-bottom: 1.5em;
 
 	> svg,
 	.dashicon,