Position GlobalNotice absolutely so content isn't pushed down

See #5
WordPress · Feb 6, 2023 · 00a7507 · 00a7507
1 parent db6b456
commit 00a7507
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 7 deletions.
diff --git a/settings/src/components/global-notice.scss b/settings/src/components/global-notice.scss
@@ -1,5 +1,8 @@
 .wporg-2fa__global-notice {
-	margin-bottom: 20px;
+	position: absolute;
+	top: -60px;
+	right: 0;
+	z-index: 2;
 
 	&.components-snackbar,
 	.components-snackbar__content {

diff --git a/settings/src/style.scss b/settings/src/style.scss
@@ -1,12 +1,16 @@
 @import '~@wordpress/base-styles/colors';
 
-.wp-block-wporg-two-factor-settings h3 {
-	font-size: 14px;
-	clear: none;
-}
+.wp-block-wporg-two-factor-settings {
+	position: relative;
 
-.wp-block-wporg-two-factor-settings .components-button {
-	margin-right: 20px;
+	h3 {
+		font-size: 14px;
+		clear: none;
+	}
+
+	.components-button {
+		margin-right: 20px;
+	}
 }
 
 .wporg-2fa__navigation {