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 CA+OCxoxAiaz8rScw7rjimDOkBaSHZ-APmEn7y-g+3AT=Rz05_g@mail.gmail.com
Whole thread Raw
In response to Re: [pgadmin-hackers] [Design update] Style guide for pgAdmin4  (Shirley Wang <swang@pivotal.io>)
Responses Re: [pgadmin-hackers] [Design update] Style guide for pgAdmin4
List pgadmin-hackers
Hi

On Thu, May 18, 2017 at 6:57 PM, Shirley Wang <swang@pivotal.io> wrote:
Hello!

Update on style guide location
We're going to move the agreed upon styles from Figma onto a webpage that will be accessible by everyone. We've decided to have a static site, with the html and css available to copy and paste. We'll add components to the style guide after we update the current UI with new styles.

Dropdown styles
I noticed that some drop downs include a 'x' next to the current option in the text field:

The 'x' and the down arrow functionally do the same thing, and it seems redundant to have both. I would suggest removing the 'x' since selecting another option from the dropdown will automatically replace the current option.

No they don't. The x clears the current selection, and opens the combo. The arrow will just open the combo. Both operations are valid (and in some cases, required), but for clarity we probably should change it such that the x doesn't open the combo.

 

Button toggles vs checkboxes
In some cases within dialogs, a toggle is used to define yes or no, while in other cases a radio button is used to define yes or no:

It does seem like 'Connect now?'  and 'Save password' (in 'Connection' tab within 'Create - Server') are the only places where checkboxes are used, is there a reason why these are different? I think we should just choose one, unless there was a specific reason as to why both check boxes and toggles are used.

I think it was just because that was one of the very first dialogues written, when we were in POC mode. It should be fixed.

Thanks!

--
Dave Page
Blog: http://pgsnake.blogspot.com
Twitter: @pgsnake

EnterpriseDB UK: http://www.enterprisedb.com
The Enterprise PostgreSQL Company

pgadmin-hackers by date:

Previous
From: Dave Page
Date:
Subject: [pgadmin-hackers] pgAdmin 4 commit: Fix RE-SQL for rules which got the table name wrongi
Next
From: pgAdmin 4 Jenkins
Date:
Subject: [pgadmin-hackers] Build failed in Jenkins: pgadmin4-master-python35 #118