The compressed EUI form inputs have been redesigned which has resulted in some small visual design 'breaks' and new opportunities to improve our form layouts.
Since each element has its own sidebar, let's attempt to divide the work up by element (listed below). There are two steps to cleaning up each Canvas element:
- follow The checklist from the Meta cleanup issue (copy/paste it into your PR) and
- look for places where compressed form inputs should be used, but where they are currently not being used.
At a future time, a larger redesign of the Canvas sidebar forms is loosely planned where we'll look at making all panels visible by default. This is referring to the settings/options that are behind the 'plus in circle' icon buttons (like CSS and Container styles). It's worth noting that these panels do still need to be cleaned up in this initial effort.
As you work on an element, place your name next to it and add the PR link once it is ready for review
Please copy and paste this into your PRs
PR checklist
The compressed EUI form inputs have been redesigned which has resulted in some small visual design 'breaks' and new opportunities to improve our form layouts.
Since each element has its own sidebar, let's attempt to divide the work up by element (listed below). There are two steps to cleaning up each Canvas element:
At a future time, a larger redesign of the Canvas sidebar forms is loosely planned where we'll look at making all panels visible by default. This is referring to the settings/options that are behind the 'plus in circle' icon buttons (like CSS and Container styles). It's worth noting that these panels do still need to be cleaned up in this initial effort.
As you work on an element, place your name next to it and add the PR link once it is ready for review
Please copy and paste this into your PRs
PR checklist
compressedproperty.compressedprop.compressedtodisplay="compressed"displayOnlytodisplay="center"ordisplay="centerCompressed"compressedissues