Tweak paddings and hover.

WordPress · Mar 23, 2021 · f8e8e76 · f8e8e76
1 parent 45e3f17
commit f8e8e76
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/packages/block-editor/src/components/block-switcher/style.scss b/packages/block-editor/src/components/block-switcher/style.scss
@@ -93,7 +93,6 @@
 	padding: 0;
 
 	.components-menu-group {
-		padding: $grid-unit-20;
 		margin: 0;
 	}
 }
@@ -187,25 +186,30 @@
 .block-editor-block-switcher__preview-patterns-container {
 	.block-editor-block-switcher__preview-patterns-container-list__list-item {
 		margin-top: $grid-unit-20;
+
 		.block-editor-block-preview__container {
 			cursor: pointer;
 		}
+
 		.block-editor-block-switcher__preview-patterns-container-list__item {
 			height: 100%;
 			border-radius: $radius-block-ui;
 			transition: all 0.05s ease-in-out;
 			position: relative;
 			border: $border-width solid transparent;
-			&:hover {
-				border: $border-width solid var(--wp-admin-theme-color);
-			}
+
+			&:hover,
 			&:focus {
 				box-shadow: inset 0 0 0 1px $white, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
 
 				// Windows High Contrast mode will show this outline, but not the box-shadow.
 				outline: 2px solid transparent;
 			}
 
+			&:hover {
+				box-shadow: inset 0 0 0 1px $white, 0 0 0 var(--wp-admin-border-width-focus) $gray-900;
+			}
+
 			.block-editor-block-switcher__preview-patterns-container-list__item-title {
 				padding: $grid-unit-05;
 				font-size: 12px;