WordPress / better-code-editing

[✅ Merged into 4.9-alpha] Better Code Editing WordPress plugin
https://wordpress.org/plugins/better-code-editing/
37 stars 16 forks source link

Consider updating the Code Editor design #41

Open melchoyce opened 7 years ago

melchoyce commented 7 years ago

Last night I took a stab at redesigning the Theme and Plugin code editors to match some of Gutenberg's new design patterns. I don't expect us to get around to this during 4.9, since I imagine it'll take a bit of work (and we probably shouldn't match Gutenberg's design before Gutenberg is out), but I thought it could be fun to bring an updated design to match the new syntax highlighting we'll be introducing.

Please note: these are first drafts and very exploratory. I'm sure I've forgotten things, and there's a lot that hasn't been designed yet. Consider this just a thought exercise for now. :)

PHP

functions php

CSS

style css

kenashworth commented 7 years ago

Related: https://core.trac.wordpress.org/ticket/6531

(Would effect the nesting level.)

westonruter commented 7 years ago

Also related: https://core.trac.wordpress.org/ticket/24048 (Increase the usability of Plugin Editor's files list (separate directories, limit height))