[wp-trac] [WordPress Trac] #54764: UI issue in mobile device on add new theme page

[WordPress Trac]

#54764: UI issue in mobile device on add new theme page
-------------------------------------------------+-------------------------
 Reporter:  sumitsingh                           |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  6.0
Component:  General                              |     Version:  5.8.2
 Severity:  normal                               |  Resolution:
 Keywords:  has-screenshots good-first-bug has-  |     Focuses:  ui, css
  patch commit                                   |
-------------------------------------------------+-------------------------

Comment (by shreyasikhar26):

 Replying to [comment:7 shreyasikhar26]:
 > Replying to [comment:6 costdev]:
 > > The "squashed" preview occurs both when viewing the Theme Details
 `.theme-overlay iframe` and the Customizer `#customize-container iframe`.
 > >
 > > [https://github.com/WordPress/wordpress-develop/pull/2146 PR 2146]
 changes the width from `100%` to `100vw`. In doing so, a previously
 "squashed" preview (based on remaining available container space) becomes
 a "true" preview (based on the user's viewport width).
 > >
 > > As expected, this PR resolves the issue in both locations.
 > >
 > > Great work @shreyasikhar26! Marking with `commit` for final review.
 > Thank you for the appreciation.\\
 >
 > Can we add css overflow to the parent of iframe (for which the width
 property is modified in the added patch), as current patch is not allowing
 to scroll new theme preview horizontally to see the complete content of
 the theme ?

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