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

From Dave Page
Subject Re: [pgadmin-hackers] [Design update] Style guide for pgAdmin4
Date
Msg-id 883E2560-239A-4690-836D-EC1299BDB0AB@pgadmin.org
Whole thread Raw
In response to Re: [pgadmin-hackers] [Design update] Style guide for pgAdmin4  (Shirley Wang <swang@pivotal.io>)
List pgadmin-hackers


On 20 Jul 2017, at 23:02, Shirley Wang <swang@pivotal.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
Comments.png


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:
Screen Shot 2017-07-20 at 11.30.24 AM.png

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.

pgadmin-hackers by date:

Previous
From: Shirley Wang
Date:
Subject: Re: [pgadmin-hackers] [Design update] Style guide for pgAdmin4
Next
From: Surinder Kumar
Date:
Subject: [pgAdmin4][Patch]: Stop Flask from initialising service twice inDebug mode