Update destructive tertiary button styles, and template list (#36915)

* Update destructive tertiary button styles, and template list * Make trash button variant "secondary" * Make template delete action tertiary
WordPress · Nov 29, 2021 · f3c9ed0 · f3c9ed0
1 parent 2caede2
commit f3c9ed0
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/packages/components/src/button/style.scss b/packages/components/src/button/style.scss
@@ -201,6 +201,20 @@
 		}
 	}
 
+	&.is-destructive.is-tertiary {
+		box-shadow: none;
+
+		&:hover:not(:disabled) {
+			box-shadow: inset 0 0 0 $border-width $alert-red;
+			color: $alert-red;
+		}
+
+		&:focus:not(:disabled) {
+			box-shadow: inset 0 0 0 1px $white, 0 0 0 var(--wp-admin-border-width-focus) $alert-red;
+			color: $alert-red;
+		}
+	}
+
 
 	/**
 	 * Link buttons.

diff --git a/packages/edit-site/src/components/list/actions/index.js b/packages/edit-site/src/components/list/actions/index.js
@@ -68,6 +68,7 @@ export default function Actions( { template } ) {
 							/>
 							<MenuItem
 								isDestructive
+								isTertiary
 								onClick={ () => {
 									removeTemplate( template );
 									onClose();

diff --git a/packages/editor/src/components/post-trash/index.js b/packages/editor/src/components/post-trash/index.js
@@ -22,7 +22,7 @@ function PostTrash( { isNew, postId, postType, ...props } ) {
 		<Button
 			className="editor-post-trash"
 			isDestructive
-			variant="tertiary"
+			variant="secondary"
 			onClick={ onClick }
 		>
 			{ __( 'Move to trash' ) }