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

From Akshay Joshi
Subject Re: pgAdmin4 - Tree view icons for final reveiw
Date
Msg-id CANxoLDeU971=CxTimBdteeuf-1u_WDEY4OpPEaBLpJZVU8c1-A@mail.gmail.com
Whole thread Raw
In response to Re: pgAdmin4 - Tree view icons for final reveiw  (Chethana Kumar <chethana.kumar@enterprisedb.com>)
List pgadmin-hackers
Hi Ashesh 

During testing I found that icon for "View/Edit Data" is still visible in context as well as main menu. Do we need to remove that too?
Attached is the screenshot of that.

On Mon, Sep 11, 2017 at 4:03 PM, Chethana Kumar <chethana.kumar@enterprisedb.com> wrote:
it is acceptable only if we are able to edit the icons through css otherwise we will have to have 3 sets of icons and it is nor recommended.

So I am trying do a quick RnD on it so please hold on will come up with a solution.

Thanks,
Chethana kumar

On Mon, Sep 11, 2017 at 3:54 PM, Murtuza Zabuawala <murtuza.zabuawala@enterprisedb.com> wrote:
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

https://community.postgresrocks.net/

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.​
 
Inline image 1

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


- 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:
Inline image 4
New
​ 
Event trigger
Icon:
Inline image 2
 

Current Trigger icon:
Inline image 5
New Trigger Icon:
Inline image 3
​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




--
Chethana Kumar
Principal UI/UX Designer
EnterpriseDB Corporation


The Postgres Database Company




--
Chethana Kumar
Principal UI/UX Designer
EnterpriseDB Corporation


The Postgres Database Company

P: +91 86981 57146




--
Chethana Kumar
Principal UI/UX Designer
EnterpriseDB Corporation


The Postgres Database Company

P: +91 86981 57146




--
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




--
Chethana Kumar
Principal UI/UX Designer
EnterpriseDB Corporation


The Postgres Database Company

P: +91 86981 57146



--
Akshay Joshi
Principal Software Engineer 


Phone: +91 20-3058-9517
Mobile: +91 976-788-8246
Attachment

pgadmin-hackers by date:

Previous
From: Dave Page
Date:
Subject: Re: pgAdmin 4 v2.0-rc1 builds
Next
From: pgAdmin 4 Jenkins
Date:
Subject: Jenkins build is back to normal : pgadmin4-master-python36 #316