Media: Fix Media Library "Upload files" tab focus outline.

hellofromtonya · hellofromtonya · commit 605c0560280b · 2024-08-20T16:55:43.000Z
Adds a z-index to `.media-menu .media-menu-item:focus` to fix the "Upload files" tab's outline on the side next to the other tab. Follow-up to [57553], [46363]. Props wildworks, antpb, huzaifaalmesbah, krupajnanda, nhrrob, oglekler, rajinsharwar, sabernhardt. Fixes #60632. git-svn-id: https://develop.svn.wordpress.org/trunk@58917 602fd350-edb4-49c9-b593-d223f7449a82
diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css
@@ -709,6 +709,7 @@
 	color: #043959;
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
+	z-index: 1;
 }
 
 .media-router .active,

Original file line number	Diff line number	Diff line change
`@@ -709,6 +709,7 @@`
`709`	`709`	`color: #043959;`
`710`	`710`	`/* Only visible in Windows High Contrast mode */`
`711`	`711`	`outline: 2px solid transparent;`
	`712`	`+ z-index: 1;`
`712`	`713`	`}`
`713`	`714`
`714`	`715`	`.media-router .active,`