[wp-trac] [WordPress Trac] #51464: Theme details modal z-index too high

[WordPress Trac]

#51464: Theme details modal z-index too high
-------------------------------+-------------------------------------------
 Reporter:  MarkS99            |      Owner:  (none)
     Type:  defect (bug)       |     Status:  new
 Priority:  normal             |  Milestone:  Awaiting Review
Component:  General            |    Version:  5.5.1
 Severity:  normal             |   Keywords:  needs-testing has-screenshots
  Focuses:  ui,                |
  accessibility, css           |
-------------------------------+-------------------------------------------
 When theme details modal is open, the sidebar menu sub-menu items are not
 viewable, as the modal z-index is too high.
 [https://www.dropbox.com/home/WP-
 Bugs?preview=Screenshot+2020-10-07+at+10.21.28.jpg]

 By setting the following, the side menus are still useable.

 {{{
 .theme-overlay .theme-backdrop {
         position: absolute;
         left: -20px;
         right: 0;
         top: 0;
         bottom: 0;
         background: #f1f1f1;
         background: rgba(238, 238, 238, 0.9);
         **z-index: 9;**
 }
 }}}


 {{{
 .theme-overlay .theme-wrap {
         clear: both;
         position: fixed;
         top: 9%;
         left: 190px;
         right: 30px;
         bottom: 3%;
         background: #fff;
         box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
         **z-index: 10;**
         box-sizing: border-box;
         -webkit-overflow-scrolling: touch;
 }
 }}}

 With Z-index changed:
 [https://www.dropbox.com/home/WP-
 Bugs?preview=Screenshot+2020-10-07+at+10.29.41.jpg]

 Have not tested fully if this causes other issues. But think it needs
 looked at.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/51464>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform