Navigation: adjust mobile close button position when admin bar is vis…

…ible (#41664) * Add top margin to dialog when admin bar is visible * Remove padding tweak
WordPress · Jun 23, 2022 · 7ebe437 · 7ebe437
1 parent 11b0a30
commit 7ebe437
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/block-library/src/navigation/style.scss b/packages/block-library/src/navigation/style.scss
@@ -675,6 +675,16 @@ button.wp-block-navigation-item__content {
 	position: relative;
 }
 
+// Adjust dialog top margin when admin-bar is visible.
+.admin-bar .wp-block-navigation__responsive-dialog {
+	margin-top: $admin-bar-height-big;
+
+	// Handle smaller admin-bar.
+	@include break-medium() {
+		margin-top: $admin-bar-height;
+	}
+}
+
 // Prevent scrolling of the parent content when the modal is open.
 html.has-modal-open {
 	overflow: hidden;