Bug 550894 - Reduce space usage in toolbar in Linux
Summary: Reduce space usage in toolbar in Linux
Status: RESOLVED FIXED
Alias: None
Product: Platform
Classification: Eclipse Project
Component: UI (show other bugs)
Version: 4.13   Edit
Hardware: PC Linux
: P3 normal (vote)
Target Milestone: 4.14 M1   Edit
Assignee: Lars Vogel CLA
QA Contact:
URL:
Whiteboard:
Keywords: triaged, usability
Depends on:
Blocks:
 
Reported: 2019-09-09 07:02 EDT by Lars Vogel CLA
Modified: 2019-09-16 05:08 EDT (History)
4 users (show)

See Also:


Attachments
Screenshot (23.21 KB, image/png)
2019-09-09 07:02 EDT, Lars Vogel CLA
no flags Details
Toolbar on macOS (86.25 KB, image/png)
2019-09-09 08:55 EDT, Matthias Becker CLA
no flags Details
Toolbar on Windows 7 (16.77 KB, image/png)
2019-09-09 10:27 EDT, Paul Pazderski CLA
no flags Details
Dragging Toolbar elements on Windows 7 (18.36 KB, image/png)
2019-09-09 10:46 EDT, Paul Pazderski CLA
no flags Details
Screenshot of with an without perspective switcher (207.50 KB, image/png)
2019-09-09 11:31 EDT, Lars Vogel CLA
no flags Details
Screenshot - Light side by side (55.22 KB, image/png)
2019-09-09 11:39 EDT, Lars Vogel CLA
no flags Details
Screenshot stacked on each other (37.87 KB, image/png)
2019-09-09 11:41 EDT, Lars Vogel CLA
no flags Details
Toolbar after change on Windows 10 (41.67 KB, image/png)
2019-09-09 12:23 EDT, Paul Pazderski CLA
no flags Details
Layoutspy (153.11 KB, image/png)
2019-09-10 03:00 EDT, Lars Vogel CLA
no flags Details
Both versions over each other. (70.85 KB, image/png)
2019-09-10 03:03 EDT, Matthias Becker CLA
no flags Details
Layout Spy 1 (573.38 KB, image/png)
2019-09-10 03:13 EDT, Matthias Becker CLA
no flags Details
Layout Spy 2 (708.69 KB, image/png)
2019-09-10 03:14 EDT, Matthias Becker CLA
no flags Details
Layout Spy 3 (620.31 KB, image/png)
2019-09-10 03:14 EDT, Matthias Becker CLA
no flags Details
Layout spy Windows 7 (386.51 KB, image/png)
2019-09-10 04:00 EDT, Paul Pazderski CLA
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Lars Vogel CLA 2019-09-09 07:02:49 EDT
Created attachment 279807 [details]
Screenshot

Our toolbar looks very "spacy" to me, we have lots of empty space about and below the icons. Is this a Linux issue or is this present in all platforms?
Comment 1 Lars Vogel CLA 2019-09-09 07:43:56 EDT
Matthias, does it also waste so much space on the Mac?
Comment 2 Matthias Becker CLA 2019-09-09 08:55:28 EDT
Created attachment 279810 [details]
Toolbar on macOS

(In reply to Lars Vogel from comment #1)
> Matthias, does it also waste so much space on the Mac?
See yourself.
Comment 3 Eric Williams CLA 2019-09-09 09:25:44 EDT
Looks similar to Mac, IMO. What does it looks like on Windows?
Comment 4 Paul Pazderski CLA 2019-09-09 10:27:53 EDT
Created attachment 279813 [details]
Toolbar on Windows 7
Comment 5 Lars Vogel CLA 2019-09-09 10:34:18 EDT
Ok, my first guess would be that our drag handler icons are too high. I will now apply my non-existing drawing skills to modify them and see if they are responsible for the spacing.
Comment 6 Paul Pazderski CLA 2019-09-09 10:46:45 EDT
Created attachment 279814 [details]
Dragging Toolbar elements on Windows 7

I think it is only the drag handler icon from perspective part. See attached screenshot where I dragged two different groups.
Comment 7 Lars Vogel CLA 2019-09-09 10:58:49 EDT
Second guess: ToolBarManagerRenderer#createWidget line 441 calling into CSSRenderingUtils#frameMeIfPossible
Comment 8 Lars Vogel CLA 2019-09-09 11:04:12 EDT
(In reply to Lars Vogel from comment #7)
> Second guess: ToolBarManagerRenderer#createWidget line 441 calling into
> CSSRenderingUtils#frameMeIfPossible

ImageBasedFrame returns with a size of 31px in line 111 in CSSRenderingUtils#frameMeIfPossible even though I pass in a 16px icon.
Comment 9 Lars Vogel CLA 2019-09-09 11:31:37 EDT
Created attachment 279815 [details]
Screenshot of with an without perspective switcher

Looks like perspective switcher is the evil guy.
Comment 10 Eclipse Genie CLA 2019-09-09 11:35:22 EDT
New Gerrit change created: https://git.eclipse.org/r/149187
Comment 11 Lars Vogel CLA 2019-09-09 11:36:03 EDT
Matthias and Paul, please test on Mac and Windows. 

Btw. I notice our waste of space because in the last Hamburg hackathon someone was using Eclipse and IntelliJ side by side on a very small display and we did not look very good.
Comment 12 Lars Vogel CLA 2019-09-09 11:39:50 EDT
Created attachment 279816 [details]
Screenshot - Light side by side
Comment 13 Lars Vogel CLA 2019-09-09 11:41:11 EDT
Created attachment 279817 [details]
Screenshot stacked on each other
Comment 14 Paul Pazderski CLA 2019-09-09 12:23:32 EDT
Created attachment 279818 [details]
Toolbar after change on Windows 10
Comment 15 Lars Vogel CLA 2019-09-09 12:59:34 EDT
(In reply to Paul Pazderski from comment #14)
> Created attachment 279818 [details]
> Toolbar after change on Windows 10

Hard for me to see a difference. Is it smaller?
Comment 16 Paul Pazderski CLA 2019-09-09 13:53:48 EDT
Maybe a pixel smaller. But imo it was already smaller than the old linux version.
Comment 17 Lars Vogel CLA 2019-09-09 13:59:48 EDT
Thanks, Paul. Will soon install Windows on one of my machines and I should therefore soon be able to investigate.
Comment 18 Matthias Becker CLA 2019-09-10 02:52:00 EDT
(In reply to Lars Vogel from comment #15)
> (In reply to Paul Pazderski from comment #14)
> > Created attachment 279818 [details]
> > Toolbar after change on Windows 10
> 
> Hard for me to see a difference. Is it smaller?

Some on Mac. I don't see a difference in the height of the toolbar on mac.
But only see some pixel differences on the perspective switcher - but just different not better nor worse
Comment 19 Lars Vogel CLA 2019-09-10 03:00:14 EDT
Created attachment 279820 [details]
Layoutspy

Matthias and Paul, can you fire up "Layout Spy" via Ctrl+3 and use "Select Control" to see who is the evil guy? Screenshot of Layout Spy attached.
Comment 20 Matthias Becker CLA 2019-09-10 03:03:19 EDT
Created attachment 279821 [details]
Both versions over each other.

(In reply to Matthias Becker from comment #18)
> Some on Mac. I don't see a difference in the height of the toolbar on mac.
> But only see some pixel differences on the perspective switcher - but just
> different not better nor worse


Both versions over each other. The top one has 50% opacity. You see that the perspective switcher is "blurry" because the position is not the same. The rest of the toolbar ist pixel-perfect identical.
Comment 21 Matthias Becker CLA 2019-09-10 03:13:54 EDT
Created attachment 279822 [details]
Layout Spy 1
Comment 22 Matthias Becker CLA 2019-09-10 03:14:07 EDT
Created attachment 279823 [details]
Layout Spy 2
Comment 23 Matthias Becker CLA 2019-09-10 03:14:55 EDT
Created attachment 279824 [details]
Layout Spy 3
Comment 24 Paul Pazderski CLA 2019-09-10 04:00:48 EDT
Created attachment 279825 [details]
Layout spy Windows 7
Comment 25 Lars Vogel CLA 2019-09-12 06:08:23 EDT
As the current patch IMHO significantly improves the UX on Linux I plan to merge it unless someone is against it. We can improve the other OSs with separate Gerrits.
Comment 26 Paul Pazderski CLA 2019-09-12 06:26:01 EDT
I agree on Linux but in my opinion the other OS are already good and reducing the gabs would make the toolbar look crowded.
Comment 28 Lars Vogel CLA 2019-09-12 09:38:34 EDT
Fix seems to influence only Linux, so marking as fixed.