WordPress.org

Make WordPress Core

Opened 2 years ago

Last modified 3 months ago

#41309 assigned defect (bug)

Theme and plugin editing experience improvements at smaller screens

Reported by: karmatosed Owned by: karmatosed
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Themes Keywords: needs-screenshots needs-design
Focuses: Cc:

Description

It was running some tests and noticed how bad the editing experience is when there is a smaller screen. An example is:

https://cldup.com/6dnk2TUA53-3000x3000.png

Attachments (2)

41309.inlineul.diff (569 bytes) - added by xkon 2 years ago.
Preview of the first inline ul thought.
41309.select.diff (4.4 KB) - added by xkon 2 years ago.
Select box instead of ul list

Download all attachments as: .zip

Change History (12)

This ticket was mentioned in Slack in #design by karmatosed. View the logs.


2 years ago

#2 @karmatosed
2 years ago

  • Owner set to karmatosed
  • Status changed from new to assigned

Noting I am going to be working on some ideas for how this can be made a little better in 4.9, after chatting with @melchoyce in Slack #design.

@xkon
2 years ago

Preview of the first inline ul thought.

#3 @xkon
2 years ago

Version ( 41309.select.diff )is way cleaner as I've implemented an extra select box for the template / stylesheets. It is hidden and shown on different viewports. Also this CSS changes fix an extra problem with the previous "Select Theme to edit" select box so now it will fit better on even smaller screens.

https://cldup.com/8AwFWpyJdg.png


Version ( 41309.inlineul.diff ) is with just some simple css changes to just use less vertical space.

https://cldup.com/ThwXeCdIZ7.png


I was going to discard the 'inline' version completely to be honest as the Select one is seriously clean and tidy but I left it here just in case it gives an extra idea or something.

Best regards,
Konstantinos

Last edited 2 years ago by xkon (previous) (diff)

@xkon
2 years ago

Select box instead of ul list

#4 @xkon
2 years ago

pinging @karmatosed _ for a fresh look since there are changes to the Editor in general maybe we can get this going as well on 4.9 ?

This ticket was mentioned in Slack in #design by xkon. View the logs.


23 months ago

This ticket was mentioned in Slack in #design by xkon. View the logs.


18 months ago

This ticket was mentioned in Slack in #design by karmatosed. View the logs.


7 months ago

#8 @mukesh27
7 months ago

  • Keywords needs-screenshots needs-design added

#9 @karmatosed
3 months ago

  • Keywords ui-feedback removed

@xkon I'd be happy to get this begun again. I can't see the images attached in the last update, would you be able to add them again please?

#10 @xkon
3 months ago

Woopsie! I cleared my cldup a bit and forgot about these :D. Sure thing @karmatosed I'll re-apply the patches, refresh them if needed and re-upload new screenshots :) .

Note: See TracTickets for help on using tickets.