Re: pgAdmin4 - Tree view icons for final reveiw - Mailing list pgadmin-hackers

Hi Chethana,

On Mon, Sep 11, 2017 at 3:04 PM, Chethana Kumar <chethana.kumar@enterprisedb.com> wrote:

On Mon, Sep 11, 2017 at 1:15 PM, Murtuza Zabuawala <murtuza.zabuawala@enterprisedb.com> wrote:

Hello,

I also observed few issues,

1) In my opinion, New icons looks dull in main header menu due to dark background, attaching screenshot for your reference.

Icons for the dialog boxes area will go in white.

​This will work in header menu but do you think all white colour icons will work with context menu?
Right now, If you see fontawesome icons are black in general but when we hover them then they turns white rest icons are still in black colour which looks good and easy on eyes, we will require similar kind of behaviour with our pgAdmin4 icons to make context menu icons consistent.

You thoughts?

 

2) Spacing issue between icons and label are inconsistent, attaching screenshot for your reference.

Working on it

 

3) Icons with blue colour in them are not properly visible in context menu. For example "Trigger" icon is not visible when we hover over it because of same colour, attaching screenshot for your reference.

Same as 1st one

 

4) Are we considering different icons for Event triggers & Triggers? (They were same in pgAdmin3)

Yes we are keeping them different so that user can easily differentiate them 

 

5) Icons for Casts modules are same, I mean collection icon and node icon, I think we need different icons to differentiate.

Its agreed and done the updates, attached the new icon

 

6) The width of bad-server-icon is more when compare with other icons, that makes it looks like a text document icon. 

if you check the measurement both are same, well I have done some tweaking to it now. Attached them for review. 

 

--

Regards,

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

On Mon, Sep 11, 2017 at 12:58 PM, Neel Patel <neel.patel@enterprisedb.com> wrote:

Hi Dave,

As far as I know, we replaced png icons with svg icons because - it should work with all types of resolutions. The svg icon should not blur.

Here in my Linux system, I am using 1440*900(16:10) resolution and most of the svg icons are blurred. Please find attach screenshot.

Thoughts ?

Thanks,

Neel Patel

On Fri, Aug 25, 2017 at 5:14 PM, Dave Page <dpage@pgadmin.org> wrote:

Hi

Yes, that's my expectation. Hopefully they'll go in in the next week or so.

On Fri, Aug 25, 2017 at 12:40 PM, Anthony DeBarros <adebarros@gmail.com> wrote:

Dave and all,

Out of curiosity (because I’m writing a book that includes pgAdmin screen grabs), do you expect these icons to make it into your September release?

Thanks,

Anthony

On August 23, 2017 at 4:03:42 AM, Murtuza Zabuawala (murtuza.zabuawala@enterprisedb.com) wrote:

Hi Chethana,

On Wed, Aug 23, 2017 at 12:51 PM, Chethana Kumar <chethana.kumar@enterprisedb.com> wrote:

Hi Murtuza,

Please see my reply inline along with the updated .svg file for tree view icons.

On Tue, Aug 22, 2017 at 11:17 AM, Murtuza Zabuawala <murtuza.zabuawala@enterprisedb.com> wrote:

Hi Chethana,

- The icons for Server node is missing, we will need given set of icons for server.

1) Basic Server icon (Disconnect state) 

2) PG (Connected state) 

3) EPAS (Connected state) 

4) GreenPlum (Connected state)

[Attaching current icons for PG & EPAS, I'm not sure about GreenPlum server icon.]

- I'm not sure where we will use serverbad icon from 'tree_view_Icons.svg' file as it looks like server-group icon and not individual server.

 The icon is there in the pgAdmin's icon folder and it is needed for the application

​Yes, we need serverbad icon which indicates the server in disconnect state but what we have on svg is same icon as server-group icon, we need icon for individual server.​

 

​Something like this below which will differentiate individual server icon from server-group icon,

​

- Icon set for Schema & Catalog (both collection and individual) looks very similar to each other with minor colour difference, we have to look very carefully to identify them each.

 Agree with this point and come up with some updations on it. This time I have made it pretty differentiable between Schema and Catalog.

- Why do we require two different set of icons for Tables & Columns, I mean one for Schema and one for Catalog?

 Agreed, I have kept single icon for tables and columns.

- Icons for Partition node is same for collection and individual.

 Working on it

- Icons for Event trigger node and Trigger node are very different from each other despite both are triggers.

  Agreed, done the changes accordingly.

​This is still different.

Current Event trigger icon:

New

​ 

Event trigger

​

Icon:

​

 

Current Trigger icon:

New Trigger Icon:

​If you see both icons are same.

[Suggestion: Can we do similar to what we have done with View & Materialized view icons, we have added M in the icon for materialized view, Same way we can have Trigger icon and for Event trigger we can add E in the icon]

I know this is out of context but in my own opinion these icons have resemblance with Flat design where as rest of our application is in 2d design, for example buttons, dialogs etc.

Yes, the icons look and feel are more towards flat and stylish now as it represents the current trend.  You treat this as a first step towards making the whole application flat design from the current design. But this will happen in a long run, not on a quick basis.

--

Regards,

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

On Tue, Aug 22, 2017 at 9:37 AM, Chethana Kumar <chethana.kumar@enterprisedb.com> wrote:

Yes Shirley, I have already thought through on it.

Basically, we need to have one more set of icons in white color mode so that we can use it on dialog headers as well.

As the blue theme icons won't fit there.

Please share your thoughts.

Regards,

Chethana kumar

On Tue, Aug 22, 2017 at 4:32 AM, Shirley Wang <swang@pivotal.io> wrote:

Hi Chethana, 

I just thought of something with these icons. What happens with the ones that appear in dialog headers? In the blue bar?

On Mon, Aug 21, 2017 at 8:31 AM Chethana Kumar <chethana.kumar@enterprisedb.com> wrote:

Hello Team,

I have applied labels for each icon for identification purpose.  So please consider this copy for your feedback.

Note: The "icon_demo.png" is attached to show case the view on webpage.

Regards,

Chethana kumar

On Mon, Aug 21, 2017 at 3:57 PM, Chethana Kumar <chethana.kumar@enterprisedb.com> wrote:

Hello Team,

Here are the revised and final icons for tree view control.

I have attached in .svg file format as well so that you can do zoom in view at any level.

Please share your feedback on the same.

Thanks and regards,

Chethana Kumar

Principal UI/UX Designer

EnterpriseDB Corporation

The Postgres Database Company

P: +91 86981 57146

www.enterprisedb.com

--

Chethana Kumar

Principal UI/UX Designer

EnterpriseDB Corporation

The Postgres Database Company

P: +91 86981 57146

www.enterprisedb.com

--

Chethana Kumar

Principal UI/UX Designer

EnterpriseDB Corporation

The Postgres Database Company

P: +91 86981 57146

www.enterprisedb.com

--

Chethana Kumar

Principal UI/UX Designer

EnterpriseDB Corporation

The Postgres Database Company

P: +91 86981 57146

www.enterprisedb.com

--

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

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

--

Chethana Kumar

Principal UI/UX Designer

EnterpriseDB Corporation

The Postgres Database Company

P: +91 86981 57146

www.enterprisedb.com