Quicker creating and editing of margin and padding

At present, setting margin and padding on a single element requires a minimum of 24 clicks and keystrokes, as each one has to be opened, edited and closed individually.

It would be a great timesaver to be able to open a dialogue that presented all values at once to be edited by simply tabbing through. An even bigger improvement would be the ability to link horizontal and vertical values - the equivalent of setting

margin: 5px, 10px; or padding: 1em;

rather than

margin: 5px 10px 5px 10px; or padding: 1em 1em 1em 1em;

You could also add a keyboard shortcut to the dialogue to make it extra easy :)

  • Martin
  • Jan 18 2017
  • Diarmuid Sexton commented
    April 05, 2017 15:54

    But yes, tabbing through the padding / margin values - i.e. when the top margin setting is open, pressing tab would take you to the right, then bottom, then left - in a clockwise motion. This would be the same for the padding.

  • Martin commented
    January 19, 2017 09:36

    Good to know, thanks! I prefer to type the values I'm after but that's still very handy.

  • Diarmuid Sexton commented
    January 18, 2017 12:01

    The link between the horizontal and vertical values already exists.

    If you hold down "shift" while changing the padding or margin, it affects all sides. or hold down "alt" and drag to change the vertical or the horizontal padding / margin.

  • +2