Re: [Design update] Style guide for pgAdmin4

Hi

On Thu, May 18, 2017 at 6:57 PM, Shirley Wang <swang(at)pivotal(dot)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