Re: pgAdmin4 - Tree view icons for final reveiw

From: Dave Page <dpage(at)pgadmin(dot)org>
To: Ashesh Vashi <ashesh(dot)vashi(at)enterprisedb(dot)com>
Cc: Murtuza Zabuawala <murtuza(dot)zabuawala(at)enterprisedb(dot)com>, Neel Patel <neel(dot)patel(at)enterprisedb(dot)com>, Chethana Kumar <chethana(dot)kumar(at)enterprisedb(dot)com>, Shirley Wang <swang(at)pivotal(dot)io>, pgadmin-hackers <pgadmin-hackers(at)postgresql(dot)org>
Subject: Re: pgAdmin4 - Tree view icons for final reveiw
Date: 2017-09-11 08:00:37
Message-ID: CA+OCxoxjFjocek=5VnAUc2Yto7q5FVUqqz0sdVi_jxkukOYGTA@mail.gmail.com
Views: Raw Message | Whole Thread | Download mbox | Resend email
Thread:
Lists: pgadmin-hackers

On Mon, Sep 11, 2017 at 8:59 AM, Ashesh Vashi <ashesh(dot)vashi(at)enterprisedb(dot)com
> wrote:

> On Mon, Sep 11, 2017 at 1:25 PM, Dave Page <dpage(at)pgadmin(dot)org> wrote:
>
>> Hmm, scrub the revert - it looks like you just fixed a bunch of the
>> issues.
>>
> K.
>
>>
>> The main thing I think that remains as an issue is the colouring on the
>> headers and menus - the former of which needs fixing somehow, the latter we
>> were going to remove to de-clutter the UI anyway.
>>
> I can remove the icons from the context menus, and menus in 10 mins (if
> you want).
>

Yes please.

>
> -- Thanks, Ashesh
>
>>
>> On Mon, Sep 11, 2017 at 8:50 AM, Dave Page <dpage(at)pgadmin(dot)org> wrote:
>>
>>> Agreed - these issues need to be resolved before we can proceed.
>>>
>>> Ashesh, please revert the patch for now.
>>>
>>> Chethana, please figure out what we need to change to resolve the
>>> various issues raised. Iirc, we'd already decided to remove icons from the
>>> menus right?
>>>
>>> On Mon, Sep 11, 2017 at 8:45 AM, Murtuza Zabuawala <
>>> murtuza(dot)zabuawala(at)enterprisedb(dot)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.
>>>>
>>>> 2) Spacing issue between icons and label are inconsistent, attaching
>>>> screenshot for your reference.
>>>>
>>>> 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.
>>>>
>>>> 4) Are we considering different icons for Event triggers & Triggers?
>>>> (They were same in pgAdmin3)
>>>>
>>>> 5) Icons for Casts modules are same, I mean collection icon and node
>>>> icon, I think we need different icons to differentiate.
>>>>
>>>> 6) The width of bad-server-icon is more when compare with other icons,
>>>> that makes it looks like a text document icon.
>>>>
>>>>
>>>>
>>>> --
>>>> Regards,
>>>> Murtuza Zabuawala
>>>> EnterpriseDB: http://www.enterprisedb.com
>>>> The Enterprise PostgreSQL Company
>>>>
>>>> [image: https://community.postgresrocks.net/]
>>>> <https://community.postgresrocks.net/>
>>>>
>>>> On Mon, Sep 11, 2017 at 12:58 PM, Neel Patel <
>>>> neel(dot)patel(at)enterprisedb(dot)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(at)pgadmin(dot)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(at)gmail(dot)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(dot)zabuawala(at)enterprisedb(dot)com) wrote:
>>>>>>>
>>>>>>> Hi Chethana,
>>>>>>>
>>>>>>>
>>>>>>> On Wed, Aug 23, 2017 at 12:51 PM, Chethana Kumar <
>>>>>>> chethana(dot)kumar(at)enterprisedb(dot)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(dot)zabuawala(at)enterprisedb(dot)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.​
>>>>>>>
>>>>>>> [image: Inline image 1]
>>>>>>>
>>>>>>> ​Something like this below which will differentiate individual
>>>>>>> server icon from server-group icon,
>>>>>>> [image: 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:*
>>>>>>> [image: Inline image 4]
>>>>>>> *New*
>>>>>>> *​ *
>>>>>>> *Event trigger*
>>>>>>> *​*
>>>>>>> *Icon:*
>>>>>>> [image: Inline image 2]​
>>>>>>>
>>>>>>>
>>>>>>> *Current Trigger icon:*
>>>>>>>
>>>>>>> *[image: Inline image 5]*
>>>>>>> *New Trigger Icon:*
>>>>>>> [image: 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(dot)kumar(at)enterprisedb(dot)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(at)pivotal(dot)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(dot)kumar(at)enterprisedb(dot)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(dot)kumar(at)enterprisedb(dot)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 <+91%2086981%2057146>
>>>>>>>>>>>>> www.enterprisedb.com
>>>>>>>>>>>>>
>>>>>>>>>>>>
>>>>>>>>>>>>
>>>>>>>>>>>>
>>>>>>>>>>>> --
>>>>>>>>>>>> Chethana Kumar
>>>>>>>>>>>> Principal UI/UX Designer
>>>>>>>>>>>> EnterpriseDB Corporation
>>>>>>>>>>>>
>>>>>>>>>>>>
>>>>>>>>>>>> The Postgres Database Company
>>>>>>>>>>>>
>>>>>>>>>>>> P: +91 86981 57146 <+91%2086981%2057146>
>>>>>>>>>>>> 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
>>>>>>
>>>>>
>>>>>
>>>>
>>>
>>>
>>> --
>>> Dave Page
>>> Blog: http://pgsnake.blogspot.com
>>> Twitter: @pgsnake
>>>
>>> EnterpriseDB UK: http://www.enterprisedb.com
>>> The Enterprise PostgreSQL Company
>>>
>>
>>
>>
>> --
>> Dave Page
>> Blog: http://pgsnake.blogspot.com
>> Twitter: @pgsnake
>>
>> EnterpriseDB UK: http://www.enterprisedb.com
>> The Enterprise PostgreSQL Company
>>
>
>

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

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

In response to

Responses

Browse pgadmin-hackers by date

  From Date Subject
Next Message Chethana Kumar 2017-09-11 08:05:28 Re: pgAdmin4 - Tree view icons for final reveiw
Previous Message Ashesh Vashi 2017-09-11 07:59:13 Re: pgAdmin4 - Tree view icons for final reveiw