After an evaluation, GNOME has moved from Bugzilla to GitLab. Learn more about GitLab.
No new issues can be reported in GNOME Bugzilla anymore.
To report an issue in a GNOME project, go to GNOME GitLab.
Do not go to GNOME Gitlab for: Bluefish, Doxygen, GnuCash, GStreamer, java-gnome, LDTP, NetworkManager, Tomboy.
Bug 667915 - Notification tray doesn't hide the border/shadow
Notification tray doesn't hide the border/shadow
Status: RESOLVED DUPLICATE of bug 663366
Product: gnome-shell
Classification: Core
Component: message-tray
3.2.x
Other Linux
: Normal normal
: ---
Assigned To: gnome-shell-maint
gnome-shell-maint
Depends on:
Blocks:
 
 
Reported: 2012-01-14 14:47 UTC by Blaž
Modified: 2012-01-14 21:19 UTC
See Also:
GNOME target: ---
GNOME version: ---



Description Blaž 2012-01-14 14:47:31 UTC
This has been bothering me since the release of 3.0. If using a theme which has a border on the message tray (see image for an example, I used a thick red border to show), the border is still visible when the notification bar hides. While that may sometimes be a desired effect, when watching movies in VLC or playing games or doing any full-screen related activity, the border can become tedious.

Some example css for the above message tray:
#message-tray {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(0,0,0,0.1);
	background-gradient-end: rgba(0,0,0,0.4);
	border: 0px;
	border-top: 2px solid rgba(255,0,0,1);
	color: rgba(255,255,255,1.0); 
	height: 36px;
}



What I think is happening is that Gnome hides the "div" down for the height of it (36px), but it doesn't take into account the border (or the shadow!).

As a quick hack I tried adding the border by using:

#message-tray {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(0,0,0,0.1);
	background-gradient-end: rgba(0,0,0,0.4);
	border: 0px;
	box-shadow: inset 0px 2px rgba(255,0,0,1);
	color: rgba(255,255,255,1.0); 
	height: 36px;
}

This results into the same as above. But finally I was able to cook up a css hack to fix it:

#message-tray {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(0,0,0,0.1);
	background-gradient-end: rgba(0,0,0,0.4);
	border: 0px;
	border-top: 2px solid rgba(255,0,0,0);
	box-shadow: inset 0px 2px rgba(255,0,0,1);
	color: rgba(255,255,255,1.0); 
	height: 36px;
}

The important lines are
border: 0px;
border-top: 1px solid rgba(255,255,255,0);
box-shadow: inset 0px 1px rgba(255,255,255,0.15);

The first one hides the border, the second one makes a 1px invisible border (using a color with the alpha value of 0) on top and the third one uses box-shadow to draw a fake border using shadows. Because we made the 2px invisible border-top Gnome somehow decides to properly hide the box-shadow.

Sadly I could attach just one image, but I will try to illustrate it further and cooperate for this to get resolved.
Comment 1 Blaž 2012-01-14 14:52:16 UTC
Additional images:

http://shrani.si/f/F/u2/i2MkKAK/screenshot-at-2012-01-14.png

The border while the message-tray is shown/maximized.


http://shrani.si/f/1c/Pp/2N0VfjKb/screenshot-at-2012-01-14.png

The border while the tray is minimized.
Comment 2 Rui Matos 2012-01-14 19:28:29 UTC
I think this is fixed with http://git.gnome.org/browse/gnome-shell/commit/?id=0cbaeaefedef84d57b1c24be37927ac6c4837edf . Can you try the 3.3.3 development release or git master? You may also try to apply the patch manually to your system version. It should be fairly easy to do.
Comment 3 Blaž 2012-01-14 19:54:37 UTC
I tried the patch manually and it effectively fixes the issue.
Comment 4 Rui Matos 2012-01-14 21:19:25 UTC
Thanks for testing, marking as a dupe then.

*** This bug has been marked as a duplicate of bug 663366 ***