Opened 6 years ago
Last modified 18 months ago
#30154 assigned defect (bug)
Improve Media Modal UI at small-screen sizes: Redux
Reported by: |
|
Owned by: |
|
---|---|---|---|
Milestone: | Future Release | Priority: | normal |
Severity: | normal | Version: | 4.0 |
Component: | Media | Keywords: | good-first-bug has-patch needs-refresh needs-testing |
Focuses: | ui, javascript | Cc: |
Description
Whereas various issues were resolved in #27423, the Image Flow group proposes a realignment of the approach regarding the Media Modal UI, and in particular the Edit Image modal on small screen sizes.
The following relates to current behaviour in 4.1-alpha-30080 as it appears in the flow on small screens (tested on vertical Nexus 4 and iPhone 5):
The Edit Image modal is by and large not functional on small screens. The crop function does not work and the remaining buttons (rotate, flip, etc) as well as the preview image are largely covered by the right-hand tool panel.
Considering the current work being done on Image Flow and the fact that the cropping will not work in mobile our proposal is to make the Edit Image function unavailable on smaller screens by hiding the link / button that takes the user to the modal. The guiding philosophy here is that we provide only tools that can actually be used to the user. Since editing for all practical purposes is non-functional it is disabled when appropriate.
Alternatively the design pattern from the Image Details modal can be carried over: Leave the button row and image preview at the top (image scaled to fit available screen space, crop button removed) and move the right-hand panel down below.
In relation to other issues referenced in #27423 on single-image selection from the library:
- On selecting an image to add the metadata panel slides in from the right. Once the panel is visible it cannot be collapsed making the images on right hand column unavailable.
- When closing and re-opening the modal the pane remains extended.
- To regain access to the full grid the post must be closed and reopened.
Attachments (8)
Change History (22)
This ticket was mentioned in Slack in #feature-imageflow by mor10. View the logs.
6 years ago
This ticket was mentioned in Slack in #core by teamadesign. View the logs.
6 years ago
This ticket was mentioned in Slack in #feature-imageflow by mor10. View the logs.
6 years ago
#7
@
6 years ago
I've submitted patches that hide the crop button and crop options and moved the right-hand panel below.
This ticket was mentioned in Slack in #core by jorbin. View the logs.
6 years ago
#10
@
6 years ago
- Milestone changed from 4.3 to Future Release
With no Activity in the past 8 weeks and Beta1 starting very soon, punting this back to future release.
#11
@
4 years ago
I've ran through the supplied patch and adjusted conflicts with current core code. I believe a fix for @mor10's media details image, Screenshot_2014-10-28-17-04-35.png, should go into another ticket.
FYI, cleaned up this ticket at WordCamp US 2016.
Once image meta panel is displayed it covers the gallery. Meta panel can not be closed.