Some Eclipse Foundation services are deprecated, or will be soon. Please ensure you've read this important communication.
Bug 330117 - [CSS] No separation between view toolbar, view description and view content
Summary: [CSS] No separation between view toolbar, view description and view content
Status: CLOSED WONTFIX
Alias: None
Product: Platform
Classification: Eclipse Project
Component: UI (show other bugs)
Version: 4.1   Edit
Hardware: All All
: P3 normal (vote)
Target Milestone: ---   Edit
Assignee: Platform-UI-Inbox CLA
QA Contact:
URL:
Whiteboard: stalebug
Keywords:
: 350233 366836 369508 (view as bug list)
Depends on: 430872
Blocks:
  Show dependency tree
 
Reported: 2010-11-12 11:55 EST by Michael Valenta CLA
Modified: 2020-02-25 03:54 EST (History)
12 users (show)

See Also:


Attachments
Picture of confusing Outline due to missing separator (4.71 KB, image/png)
2012-02-06 05:34 EST, Dani Megert CLA
no flags Details
Separator still missing sometimes (26.48 KB, image/png)
2012-04-20 21:32 EDT, Markus Keller CLA
no flags Details
Consistency would be good, but... (169.18 KB, image/png)
2014-02-04 05:57 EST, Timo Kinnunen CLA
no flags Details
Screenshot of the progress view. (11.60 KB, image/png)
2014-04-29 05:18 EDT, Wojciech Sudol CLA
no flags Details
Screenshot of the Help view. (9.50 KB, image/png)
2014-04-29 05:19 EDT, Wojciech Sudol CLA
no flags Details
Screenshot of the Outline view. (5.17 KB, image/png)
2014-04-29 05:20 EDT, Wojciech Sudol CLA
no flags Details
The current 'active.noFocus' state (25.66 KB, image/png)
2014-04-29 06:47 EDT, Daniel Rolka CLA
no flags Details
The new 'active.noFocus' state proposal (22.75 KB, image/png)
2014-04-29 06:54 EDT, Daniel Rolka CLA
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Michael Valenta CLA 2010-11-12 11:55:58 EST
We have several views in our product that use view descriptions. I have two issues with the way these are displayed Eclipse 4.1.

1) In Eclipse 3.x, they description and toolbar would appear on the same line if there was space. this is not the case in Eclipse 4.1.

2) There is no separators between the toolbar, the description and the view content.

I have attached a screenshot that illustrates the second point.
Comment 1 Nitin Dahyabhai CLA 2011-06-14 15:42:20 EDT
No, you haven't.
Comment 2 Michael Valenta CLA 2011-06-15 08:06:22 EDT
Oops, sorry. I guess I didn't attach the image. Unfortunately, I changed laptops since I logged the issue but it should be pretty obvious if you look at a view with a description in 3.7 and 4.1 that the 4.1 presentation is different in a way that I would claim is not as good as how it was done in 3.7.
Comment 3 Remy Suen CLA 2011-10-13 10:07:49 EDT
*** Bug 350233 has been marked as a duplicate of this bug. ***
Comment 4 Dani Megert CLA 2011-10-14 02:35:02 EDT
(In reply to comment #3)
> *** Bug 350233 has been marked as a duplicate of this bug. ***

See bug 350233 for images.
Comment 5 Remy Suen CLA 2011-12-19 11:15:10 EST
*** Bug 366836 has been marked as a duplicate of this bug. ***
Comment 6 Remy Suen CLA 2012-01-31 12:04:52 EST
*** Bug 369508 has been marked as a duplicate of this bug. ***
Comment 7 Remy Suen CLA 2012-02-02 10:55:45 EST
I've pushed a change to get the separator back.
http://git.eclipse.org/c/platform/eclipse.platform.ui.git/commit/?id=391d4d71a020048e9b8586486fca0ed72ba8afbf
Comment 8 Dani Megert CLA 2012-02-06 05:32:54 EST
(In reply to comment #7)
> I've pushed a change to get the separator back.
> http://git.eclipse.org/c/platform/eclipse.platform.ui.git/commit/?id=391d4d71a020048e9b8586486fca0ed72ba8afbf

This goes into the right direction. The separator after the toolbar is still missing though. See attached screenshot for the Java Outline view.
Comment 9 Dani Megert CLA 2012-02-06 05:34:02 EST
Created attachment 210563 [details]
Picture of confusing Outline due to missing separator
Comment 10 Markus Keller CLA 2012-04-20 21:32:25 EDT
Created attachment 214338 [details]
Separator still missing sometimes

The separator is now only missing if the view has a toolbar, has no description, and the toolbar is shown below the tab folder.
Comment 11 Timo Kinnunen CLA 2014-02-04 05:57:50 EST
Created attachment 239605 [details]
Consistency would be good, but...

Please see the this screenshot. While views behaving consistently is a worthy goal, I have reservations about the direction suggested to be taken here. I don't want to see more useless lines added to the UI. If some must be added then there needs to be a way to turn them off in CSS.
Comment 12 Daniel Rolka CLA 2014-03-18 09:11:36 EDT
I've prepared the initial patch for it - https://git.eclipse.org/r/#/c/23535/

Currently the user is able to modify the 'e4 default' theme with the preference dialog so maybe we should skip this bug in order to avoid the regression in the 'e4 default' layout.

Daniel
Comment 13 Paul Webster CLA 2014-03-18 11:07:04 EDT
(In reply to Daniel Rolka from comment #12)
> I've prepared the initial patch for it - https://git.eclipse.org/r/#/c/23535/
> 
> Currently the user is able to modify the 'e4 default' theme with the
> preference dialog so maybe we should skip this bug in order to avoid the
> regression in the 'e4 default' layout.

I'm not sure I understand this.  Is it just the user can modify it, and that would cause a regression for them?  If they do it themselves, I'm not that worried about it.

PW
Comment 14 Daniel Rolka CLA 2014-03-18 11:19:27 EDT
(In reply to Paul Webster from comment #13)
> (In reply to Daniel Rolka from comment #12)
> > I've prepared the initial patch for it - https://git.eclipse.org/r/#/c/23535/
> > 
> > Currently the user is able to modify the 'e4 default' theme with the
> > preference dialog so maybe we should skip this bug in order to avoid the
> > regression in the 'e4 default' layout.
> 
> I'm not sure I understand this.  Is it just the user can modify it, and that
> would cause a regression for them?  If they do it themselves, I'm not that
> worried about it.
> 
> PW

I was thinking about the regression in the layout connected to the new patch - to see the separation I had to replace the 'white' color of the selected MPart with the 'blue' or 'olive' color. I think the users got used to lack of separation so I'm not sure if we should fix it

Daniel
Comment 15 Daniel Rolka CLA 2014-03-18 11:21:59 EDT
(In reply to Daniel Rolka from comment #14)
> (In reply to Paul Webster from comment #13)
> > (In reply to Daniel Rolka from comment #12)
> > > I've prepared the initial patch for it - https://git.eclipse.org/r/#/c/23535/
> > > 
> > > Currently the user is able to modify the 'e4 default' theme with the
> > > preference dialog so maybe we should skip this bug in order to avoid the
> > > regression in the 'e4 default' layout.
> > 
> > I'm not sure I understand this.  Is it just the user can modify it, and that
> > would cause a regression for them?  If they do it themselves, I'm not that
> > worried about it.
> > 
> > PW
> 
> I was thinking about the regression in the layout connected to the new patch
> - to see the separation I had to replace the 'white' color of the selected
> MPart with the 'blue' or 'olive' color. I think the users got used to lack
> of separation so I'm not sure if we should fix it
> 
> Daniel

Maybe regression is not proper word here, let's call it the change in the layout

Daniel
Comment 16 Paul Webster CLA 2014-03-31 10:56:57 EDT
(In reply to Daniel Rolka from comment #14)
> 
> I was thinking about the regression in the layout connected to the new patch
> - to see the separation I had to replace the 'white' color of the selected
> MPart with the 'blue' or 'olive' color. I think the users got used to lack
> of separation so I'm not sure if we should fix it

I was fine with fixing this, so that there is at least some border between the 3 areas.  Just because we're used to it doesn't mean it's not clear :-)

PW
Comment 17 Dani Megert CLA 2014-04-28 10:44:09 EDT
Fixed with http://git.eclipse.org/c/platform/eclipse.platform.ui.git/commit/?id=87ce6024139c8ae949d7fe5c33a417ab2c3e4c0b

We can still tweak this during the RCs.
Comment 18 Paul Webster CLA 2014-04-28 10:59:03 EDT
(In reply to Dani Megert from comment #17)
> Fixed with
> http://git.eclipse.org/c/platform/eclipse.platform.ui.git/commit/
> ?id=87ce6024139c8ae949d7fe5c33a417ab2c3e4c0b
> 
> We can still tweak this during the RCs.

Gack, I think that that's horrible (I'm sure others might like it :-).  But mostly because it doesn't match the color palette I see with gtk.  What if we made the gradient start with a lighter blue and end with a lighter blue, even if only on GTK?

Also, because the disabled active tab is darker at the top and lighter at the bottom, would it make sense to reverse the active tab gradient and make it lighter on the bottom and darker on the top?

PW
Comment 19 Dani Megert CLA 2014-04-28 11:01:15 EDT
(In reply to Paul Webster from comment #18)
> (In reply to Dani Megert from comment #17)
> > Fixed with
> > http://git.eclipse.org/c/platform/eclipse.platform.ui.git/commit/
> > ?id=87ce6024139c8ae949d7fe5c33a417ab2c3e4c0b
> > 
> > We can still tweak this during the RCs.
> 
> Gack, I think that that's horrible (I'm sure others might like it :-).  But
> mostly because it doesn't match the color palette I see with gtk.  What if
> we made the gradient start with a lighter blue and end with a lighter blue,
> even if only on GTK?
> 
> Also, because the disabled active tab is darker at the top and lighter at
> the bottom, would it make sense to reverse the active tab gradient and make
> it lighter on the bottom and darker on the top?
> 
> PW

Paul, yes, this was a first commit, basically to bring some movement into this. Please go ahead and just either tweak the basic theme or the one for GTK.
Comment 20 Dani Megert CLA 2014-04-28 11:51:02 EDT
(In reply to Dani Megert from comment #19)
> Paul, yes, this was a first commit, basically to bring some movement into
> this. Please go ahead and just either tweak the basic theme or the one for
> GTK.

I'm also OK to move the change from basic to win7 only.
Comment 21 Paul Webster CLA 2014-04-28 14:16:47 EDT
What about http://git.eclipse.org/c/platform/eclipse.platform.ui.git/commit/?id=a90f84fa0d4c9a86c770bbb2e3028e3e38906ba9 ?

It's lighter, I think it doesn't jump out as much.  I kept the lighter to darker order because the END value is used to draw around the view.

You can revert it if it's not quite what you're looking for, or tweak it again :-)

PW
Comment 22 Daniel Rolka CLA 2014-04-29 04:52:20 EDT
(In reply to Paul Webster from comment #21)
> What about
> http://git.eclipse.org/c/platform/eclipse.platform.ui.git/commit/
> ?id=a90f84fa0d4c9a86c770bbb2e3028e3e38906ba9 ?
> 
> It's lighter, I think it doesn't jump out as much.  I kept the lighter to
> darker order because the END value is used to draw around the view.
> 
> You can revert it if it's not quite what you're looking for, or tweak it
> again :-)
> 
> PW

I was planning to use the similar colors working on the Bug 325937, but it was rejected - see Comment 16

Daniel
Comment 23 Daniel Rolka CLA 2014-04-29 04:54:03 EDT
(In reply to Daniel Rolka from comment #22)
> I was planning to use the similar colors working on the Bug 325937, but it
> was rejected - see Comment 16

https://bugs.eclipse.org/bugs/show_bug.cgi?id=325937#c16

Daniel
Comment 24 Daniel Rolka CLA 2014-04-29 05:14:42 EDT
We have to also define the new colors for the 'active.noFocus' state or at least copy the 'active' state ones. Currently it looks strange (the 'active.noFocus' state gets rendered with the white color)

Daniel
Comment 25 Wojciech Sudol CLA 2014-04-29 05:18:38 EDT
Created attachment 242456 [details]
Screenshot of the progress view.

With the recent changes (I20140428-2000) some views look bad. At least with Windows 7 theme.
Empty and selected Outline view is all blue.
Progress view - the same, except the "No operations to display at this time." label which has white background - see screenshot.
Help View - see screenshot.
Comment 26 Wojciech Sudol CLA 2014-04-29 05:19:22 EDT
Created attachment 242457 [details]
Screenshot of the Help view.
Comment 27 Wojciech Sudol CLA 2014-04-29 05:20:02 EDT
Created attachment 242458 [details]
Screenshot of the Outline view.
Comment 28 Paul Webster CLA 2014-04-29 06:22:26 EDT
(In reply to Daniel Rolka from comment #24)
> We have to also define the new colors for the 'active.noFocus' state or at
> least copy the 'active' state ones. Currently it looks strange (the
> 'active.noFocus' state gets rendered with the white color)

When does the active.noFocus apply?  when the workbench window doesn't have focus?  On GTK, it's just white.
Comment 29 Daniel Rolka CLA 2014-04-29 06:47:33 EDT
Created attachment 242464 [details]
The current 'active.noFocus' state
Comment 30 Daniel Rolka CLA 2014-04-29 06:54:22 EDT
Created attachment 242465 [details]
The new 'active.noFocus' state proposal

(In reply to Paul Webster from comment #28)
> (In reply to Daniel Rolka from comment #24)
> > We have to also define the new colors for the 'active.noFocus' state or at
> > least copy the 'active' state ones. Currently it looks strange (the
> > 'active.noFocus' state gets rendered with the white color)
> 
> When does the active.noFocus apply?  when the workbench window doesn't have
> focus?  On GTK, it's just white.

It is the same as in the 'classic' theme - when the selected part loses the focus (after opening the modal dialog, switching to other window, ...)

Currently on my Windows 7 it looks like - 'The current 'active.noFocus' state' - for me it doesn't look nice (the mixture of the white color with the blue one)

I think it would be better to remove the blue color - 'The new 'active.noFocus' state proposal'


Daniel
Comment 31 Dani Megert CLA 2014-04-29 07:03:11 EDT
I used it this morning and it's obvious we would have to change lots of other colors to get a consistent look and a lot is currently "tuned" for white color. We also need more time to test on all platforms.

Since M7 is already this week, I think it's best to move this to 4.5 and work on a new consistent scheme early in the Mars cycle.

I've reverted the changes back to white for now.
Comment 32 Daniel Rolka CLA 2014-04-29 07:21:23 EDT
Maybe we should follow the 'Dark' theme example and adopt some 'White with Blue' theme created by the Community - https://github.com/guari/eclipse-ui-theme

Daniel
Comment 33 Lars Vogel CLA 2014-04-29 08:12:03 EDT
(In reply to Daniel Rolka from comment #32)
> Maybe we should follow the 'Dark' theme example and adopt some 'White with
> Blue' theme created by the Community -
> https://github.com/guari/eclipse-ui-theme

Is their a popular 'white with Blue' theme? Maybe Andrea or others wanted to help directly with our default theme?
Comment 34 Daniel Rolka CLA 2014-04-29 08:21:14 EDT
(In reply to Lars Vogel from comment #33)
> (In reply to Daniel Rolka from comment #32)
> > Maybe we should follow the 'Dark' theme example and adopt some 'White with
> > Blue' theme created by the Community -
> > https://github.com/guari/eclipse-ui-theme
> 
> Is their a popular 'white with Blue' theme? 

I believe it has to be created from scratch. I used the 'White with Blue' phrase in order to point the color palette for the theme.

> Maybe Andrea or others wanted to help directly with our default theme?

It would be great!

Daniel
Comment 35 Dani Megert CLA 2014-07-07 09:51:56 EDT
See bug 320901 for the general issue.
Comment 36 Eclipse Genie CLA 2020-02-25 03:54:38 EST
This bug hasn't had any activity in quite some time. Maybe the problem got resolved, was a duplicate of something else, or became less pressing for some reason - or maybe it's still relevant but just hasn't been looked at yet. As such, we're closing this bug.

If you have further information on the current state of the bug, please add it and reopen this bug. The information can be, for example, that the problem still occurs, that you still want the feature, that more information is needed, or that the bug is (for whatever reason) no longer relevant.

--
The automated Eclipse Genie.