Re: pgAdmin4 - Tree view icons for final reveiw

From: Ashesh Vashi <ashesh(dot)vashi(at)enterprisedb(dot)com>
To: Dave Page <dpage(at)pgadmin(dot)org>
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:16:41
Message-ID: CAG7mmozqAKsS1ptk-RbZ1nzc6GizVAcxs8r=r7E6z0Y62yccpg@mail.gmail.com
Views: Raw Message | Whole Thread | Download mbox | Resend email
Thread:
Lists: pgadmin-hackers

Hi Dave,

Please find the attached patch for not showing icons for menu items.
I have not completely removed it, but - commented the code (will remove it
in final patch).

Please review, and commit it (if it looks good to you).

--

Thanks & Regards,

Ashesh Vashi
EnterpriseDB INDIA: Enterprise PostgreSQL Company
<http://www.enterprisedb.com>

*http://www.linkedin.com/in/asheshvashi*
<http://www.linkedin.com/in/asheshvashi>

On Mon, Sep 11, 2017 at 1:30 PM, Dave Page <dpage(at)pgadmin(dot)org> wrote:

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

Attachment Content-Type Size
do_not_show_icons_in_menu.patch application/octet-stream 2.5 KB

In response to

Responses

Browse pgadmin-hackers by date

  From Date Subject
Next Message Ashesh Vashi 2017-09-11 08:19:27 Re: pgAdmin4 - Tree view icons for final reveiw
Previous Message Dave Page 2017-09-11 08:15:34 Re: Build failed in Jenkins: pgadmin4-master-python26 #433