Themes: Allow use of sidebar submenus when theme details open.

joedolson · joedolson · commit b251deaaa1b7 · 2025-02-13T23:50:08.000Z
Increase the z-index of sidebar submenus in the theme browser screens so that submenus are not placed behind the theme details overlay. Also set a min-height to ensure the overlay covers the entire screen if content is short. Props codexdemon, amolebonde, yahil, girishpanchal, chintanmachhi207, mp518, janak007, worldweb, ralessio, sabernhardt, boogah, mikinc860, adamsilverstein, subrataemfluence, huzaifaalmesbah, lakshmananphp, amin7, imranhasanraaz, mdibrahimk48. Fixes #41155. git-svn-id: https://develop.svn.wordpress.org/trunk@59821 602fd350-edb4-49c9-b593-d223f7449a82
diff --git a/src/wp-admin/css/themes.css b/src/wp-admin/css/themes.css
@@ -11,6 +11,10 @@
 	overflow-y: scroll;
 }
 
+.themes-php #adminmenuwrap {
+	z-index: 10001; /* above Theme Overlay */
+}
+
 body.js .theme-browser.search-loading {
 	display: none;
 }
@@ -372,6 +376,7 @@ body.js .theme-browser.search-loading {
 	background: #f0f0f1;
 	background: rgba(240, 240, 241, 0.9);
 	z-index: 10000; /* Over WP Pointers. */
+	min-height: calc(100vh - var(--wp-admin--admin-bar--height, 32px));
 }
 
 .theme-overlay .theme-header {

Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,10 @@`
`11`	`11`	`overflow-y: scroll;`
`12`	`12`	`}`
`13`	`13`
	`14`	`+.themes-php #adminmenuwrap {`
	`15`	`+ z-index: 10001; /* above Theme Overlay */`
	`16`	`+}`
	`17`	`+`
`14`	`18`	`body.js .theme-browser.search-loading {`
`15`	`19`	`display: none;`
`16`	`20`	`}`
`@@ -372,6 +376,7 @@ body.js .theme-browser.search-loading {`
`372`	`376`	`background: #f0f0f1;`
`373`	`377`	`background: rgba(240, 240, 241, 0.9);`
`374`	`378`	`z-index: 10000; /* Over WP Pointers. */`
	`379`	`+ min-height: calc(100vh - var(--wp-admin--admin-bar--height, 32px));`
`375`	`380`	`}`
`376`	`381`
`377`	`382`	`.theme-overlay .theme-header {`