[wp-trac] [WordPress Trac] #58164: Background overlay on theme page has layout issues

[WordPress Trac]

#58164: Background overlay on theme page has layout issues
-------------------------------------------------+-------------------------
 Reporter:  zodiac1978                           |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  Awaiting
                                                 |  Review
Component:  Administration                       |     Version:
 Severity:  normal                               |  Resolution:
 Keywords:  has-screenshots reporter-feedback    |     Focuses:  ui, css
  needs-testing-info                             |
-------------------------------------------------+-------------------------

Comment (by zodiac1978):

 Replying to [comment:2 ironprogrammer]:
 > - What are the dimensions of the browser when this occurs?

 "with a big monitor" was not very specific. Sorry for this!

 On screens equal or lower 780 pixel width the theme details overlay is
 fullscreen, so there is no problem.

 With 781 to 782 pixel width the layout is completely broken, because the
 menu isn't collapsed (see new screenshot).

 With 783 pixel width and above the menu is **''under''** the theme layer.

 > - What admin page is being viewed when it occurs?

 As already mentioned: "if open the theme details modal", so I'm on /wp-
 admin/themes.php?theme=twentytwentyone for example.

 > - Have all plugins been disabled?

 This is already mentioned too. This happens "In a fresh 6.2 installation",
 so no plugins active.


 Testings steps:
 0. Set the viewport of your browser window to at least 783 pixel width
 1. Install WP and login to dashboard
 2. Visit Design -> Themes
 3. Click on any of the default themes to open the themes details modal
 4. Try to open one of the submenus of WordPress by hovering over the main
 menu entry
 5. See that the flyout submenu is under the theme details modal


 Not sure if the modal should be on top of everything or the menu. Then
 maybe this is a WONTFIX/WORKSFORME, but it ''looks'' broken. Especially if
 the overlay is not fullscreen and the submenu is partly not grayed out, as
 seen on the screenshot. I couldn't provide specific pixel widths for this,
 because this is locale specific (text is breaking differently, creating
 different heights of the modal).

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/58164#comment:3>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform