Re: [pgadmin-hackers] [Design update] Style guide for pgAdmin4

On 20 Jul 2017, at 23:02, Shirley Wang <swang(at)pivotal(dot)io> wrote:

>>
>> Iirc, we did some back and forth over that about 18 months ago, as dialogues didn't look quite right without the bold - and I do think that it looks a little light on your mockup. I don't think there's a hard requirement they match table headers; they are distinct types of header.
>>
>> Happy to try out change though if you can workup one or more suggested patches.
>>
>
> Two more things we're going to add to the style guide are the dialog labels and buttons within the dialog.
>
> Dialog text fields:
> These will have 14px bold labels, and the text field box will be 36px in height
>
> <label.png>
>
> Larger text fields should be set to 360px in height and have a draggable corner to adjust height if needed
>
>
>
> Buttons in dialog:
> The should be one solid color to help them stay consistent with the aesthetic of the rest of the application (ex. alerts styling).
>
> enabled and disabled versions of buttons:
>
>
> In terms of usability, having the most common action in the corner makes it easier to find and click. Rearranging the buttons so that 'save' is at the end would accomplish this.

There are OS conventions for the positioning of those buttons, which I believe we should follow. Unfortunately Mac and Windows are exactly opposite which complicates things. Iirc, we follow Windows as its more widely used.

I'm hesitant to change that to something we invent, as I've seen people get confused by the difference a number of times when moving from Windows to Mac. If anything, we should make our behaviour dynamically follow the OS standard of whatever the client is running on.