WordPress.org

Make WordPress Core

Opened 3 years ago

Last modified 12 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 3 years ago.
Preview of the first inline ul thought.
41309.select.diff (4.4 KB) - added by xkon 3 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.


3 years ago

#2 @karmatosed
3 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
3 years ago

Preview of the first inline ul thought.

#3 @xkon
3 years ago

Hey I just made some simple css changes ( 41309.inlineul.diff ) to try and use less vertical space ( that's 1 thought ).

https://cldup.com/ThwXeCdIZ7.png

The other thought I had was to add an extra DropDown menu that will be shown only when the viewport changes so instead of a <ul> you just have an extra simple drop down menu above your editor similar to the Theme Selector.

If that sounds like a good idea I can make a .diff for that as well as a test if you like.

Best regards,
Konstantinos

Version 0, edited 3 years ago by xkon (next)

@xkon
3 years ago

Select box instead of ul list

#4 @xkon
3 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.


3 years ago

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


2 years ago

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


16 months ago

#8 @mukesh27
16 months ago

  • Keywords needs-screenshots needs-design added

#9 @karmatosed
12 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
12 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.