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

Hi!

On Tue, Apr 25, 2017 at 9:33 PM, Shirley Wang <swang@pivotal.io> wrote:

Hello!

Update on alerts

Here are mockups of error and update alert styles, as modeled by bootstrap. 

Success messages appear 

- after running a query 

- adding a database (database connected)

Error messages appear

- after running query

- missing info in dialogs

Let me know if I'm missing any areas that have different styling.

Running a query

I've added rounded corners - it doesn't seem like there are any other areas where sharp corners are used so I think these should be round. 

Nice!

 

Dialog messages

A note about 'connect to server' message. Currently the error appears above where you enter a password. I think all messages should live at the bottom of the dialog, above the buttons.

Agreed. I like the change - though I prefer the version in Figma (below):

I think it looks more attractive, and is more obviously a "transient element" (for want of a better term) - i.e. something that will go away again. I think we also need to style the error highlighting on the actual field to use the same shades of red.