AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity

Adwaita: update tooltip styling

Browse Source 
Adapt to the changes in the previous commit. Note that tooltip
appearance is currently affected by tooltips having lost their
csd nature, due to a regression.
This commit is contained in:
Matthias Clasen 2015-11-10 12:26:05 -05:00
parent 62d9abeebc
commit 69cbf0a129
3 changed files with 20 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
gtk/theme/Adwaita/_common.scss
View File

@ -3043,7 +3043,7 @@ infobar {
* Tooltips * * Tooltips *
************/ ************/
.tooltip { tooltip {
&.background { &.background {
// background-color needs to be set this way otherwise it gets drawn twice // background-color needs to be set this way otherwise it gets drawn twice
// see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details.
@ -3063,12 +3063,10 @@ infobar {
decoration.csd { decoration.csd {
background-color: transparent; background-color: transparent;
} }
} * { //Yeah this is ugly
padding: 4px;
.tooltip * { //Yeah this is ugly background-color: transparent;
padding: 4px; }
background-color: transparent;
color: inherit; // just to be sure
} }
/***************** /*****************
@ -3276,7 +3274,7 @@ decoration {
box-shadow: 0 1px 2px transparentize(black, 0.8), box-shadow: 0 1px 2px transparentize(black, 0.8),
0 0 0 1px transparentize($_wm_border,0.1); 0 0 0 1px transparentize($_wm_border,0.1);
} }
.csd.tooltip & { tooltip.csd & {
border-radius: 5px; border-radius: 5px;
box-shadow: none; box-shadow: none;
} }

16
gtk/theme/Adwaita/gtk-contained-dark.css
View File

@ -4260,24 +4260,22 @@ infobar {
/************ /************
* Tooltips * * Tooltips *
************/ ************/
.tooltip { tooltip {
color: white; color: white;
padding: 4px; padding: 4px;
/* not working */ /* not working */
border-radius: 5px; border-radius: 5px;
box-shadow: none; box-shadow: none;
text-shadow: 0 1px black; } text-shadow: 0 1px black; }
.tooltip.background { tooltip.background {
background-color: rgba(0, 0, 0, 0.8); background-color: rgba(0, 0, 0, 0.8);
background-clip: padding-box; background-clip: padding-box;
border: 1px solid rgba(255, 255, 255, 0.1); } border: 1px solid rgba(255, 255, 255, 0.1); }
.tooltip decoration.csd { tooltip decoration.csd {
background-color: transparent; }
tooltip * {
padding: 4px;
background-color: transparent; } background-color: transparent; }
.tooltip * {
padding: 4px;
background-color: transparent;
color: inherit; }
/***************** /*****************
* Color Chooser * * Color Chooser *
@ -4418,7 +4416,7 @@ decoration {
.csd.popup decoration { .csd.popup decoration {
border-radius: 0; border-radius: 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.8); } box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.8); }
.csd.tooltip decoration { tooltip.csd decoration {
border-radius: 5px; border-radius: 5px;
box-shadow: none; } box-shadow: none; }
messagedialog.csd decoration { messagedialog.csd decoration {

16
gtk/theme/Adwaita/gtk-contained.css
View File

@ -4432,24 +4432,22 @@ infobar {
/************ /************
* Tooltips * * Tooltips *
************/ ************/
.tooltip { tooltip {
color: white; color: white;
padding: 4px; padding: 4px;
/* not working */ /* not working */
border-radius: 5px; border-radius: 5px;
box-shadow: none; box-shadow: none;
text-shadow: 0 1px black; } text-shadow: 0 1px black; }
.tooltip.background { tooltip.background {
background-color: rgba(0, 0, 0, 0.8); background-color: rgba(0, 0, 0, 0.8);
background-clip: padding-box; background-clip: padding-box;
border: 1px solid rgba(255, 255, 255, 0.1); } border: 1px solid rgba(255, 255, 255, 0.1); }
.tooltip decoration.csd { tooltip decoration.csd {
background-color: transparent; }
tooltip * {
padding: 4px;
background-color: transparent; } background-color: transparent; }
.tooltip * {
padding: 4px;
background-color: transparent;
color: inherit; }
/***************** /*****************
* Color Chooser * * Color Chooser *
@ -4590,7 +4588,7 @@ decoration {
.csd.popup decoration { .csd.popup decoration {
border-radius: 0; border-radius: 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
.csd.tooltip decoration { tooltip.csd decoration {
border-radius: 5px; border-radius: 5px;
box-shadow: none; } box-shadow: none; }
messagedialog.csd decoration { messagedialog.csd decoration {