Twenty Twenty-One: Resolves bug on primary navigation.

karmatosed · karmatosed · commit f1a3d209ba39 · 2024-07-02T20:34:04.000Z
The primary navigation was stuck in a vertical list when resize. This resolves that with positioning. Props nek285, mukesh27. Fixes #52663. git-svn-id: https://develop.svn.wordpress.org/trunk@58629 602fd350-edb4-49c9-b593-d223f7449a82
diff --git a/src/wp-content/themes/twentytwentyone/assets/css/ie.css b/src/wp-content/themes/twentytwentyone/assets/css/ie.css
@@ -5167,7 +5167,7 @@ h1.page-title {
 }
 
 .primary-navigation-open .primary-navigation > .primary-menu-container {
-	position: absolute;
+	position: relative;
 	visibility: visible;
 	opacity: 1;
 	transform: translateY(0);
diff --git a/src/wp-content/themes/twentytwentyone/assets/sass/06-components/navigation.scss b/src/wp-content/themes/twentytwentyone/assets/sass/06-components/navigation.scss
@@ -143,7 +143,7 @@
 		}
 
 		> .primary-menu-container {
-			position: absolute;
+			position: relative;
 			visibility: visible;
 			opacity: 1;
 			transform: translateY(0);
diff --git a/src/wp-content/themes/twentytwentyone/style-rtl.css b/src/wp-content/themes/twentytwentyone/style-rtl.css
@@ -4661,7 +4661,7 @@ h1.page-title {
 }
 
 .primary-navigation-open .primary-navigation > .primary-menu-container {
-	position: absolute;
+	position: relative;
 	visibility: visible;
 	opacity: 1;
 	transform: translateY(0);
diff --git a/src/wp-content/themes/twentytwentyone/style.css b/src/wp-content/themes/twentytwentyone/style.css
@@ -4681,7 +4681,7 @@ h1.page-title {
 }
 
 .primary-navigation-open .primary-navigation > .primary-menu-container {
-	position: absolute;
+	position: relative;
 	visibility: visible;
 	opacity: 1;
 	transform: translateY(0);

Original file line number	Diff line number	Diff line change
`@@ -5167,7 +5167,7 @@ h1.page-title {`
`5167`	`5167`	`}`
`5168`	`5168`
`5169`	`5169`	`.primary-navigation-open .primary-navigation > .primary-menu-container {`
`5170`		`- position: absolute;`
	`5170`	`+ position: relative;`
`5171`	`5171`	`visibility: visible;`
`5172`	`5172`	`opacity: 1;`
`5173`	`5173`	`transform: translateY(0);`
Original file line number	Diff line number	Diff line change
`@@ -143,7 +143,7 @@`
`143`	`143`	`}`
`144`	`144`
`145`	`145`	`> .primary-menu-container {`
`146`		`- position: absolute;`
	`146`	`+ position: relative;`
`147`	`147`	`visibility: visible;`
`148`	`148`	`opacity: 1;`
`149`	`149`	`transform: translateY(0);`
Original file line number	Diff line number	Diff line change
`@@ -4661,7 +4661,7 @@ h1.page-title {`
`4661`	`4661`	`}`
`4662`	`4662`
`4663`	`4663`	`.primary-navigation-open .primary-navigation > .primary-menu-container {`
`4664`		`- position: absolute;`
	`4664`	`+ position: relative;`
`4665`	`4665`	`visibility: visible;`
`4666`	`4666`	`opacity: 1;`
`4667`	`4667`	`transform: translateY(0);`
Original file line number	Diff line number	Diff line change
`@@ -4681,7 +4681,7 @@ h1.page-title {`
`4681`	`4681`	`}`
`4682`	`4682`
`4683`	`4683`	`.primary-navigation-open .primary-navigation > .primary-menu-container {`
`4684`		`- position: absolute;`
	`4684`	`+ position: relative;`
`4685`	`4685`	`visibility: visible;`
`4686`	`4686`	`opacity: 1;`
`4687`	`4687`	`transform: translateY(0);`