css: style the calendar color dot

remove the unneded and ugly hover effect on buttons and add a
subtle shadow.
This commit is contained in:
Lapo Calamandrei
2016-07-08 20:44:58 +02:00
parent 126d6145f2
commit 863915feb1
+13 -3
View File
@@ -285,15 +285,25 @@ event-widget.color-light:backdrop {
border-radius: 0;
border-top-style: none;
border-bottom-style: none;
-gtk-icon-effect: none;
}
.sources-button:hover:not(:backdrop) {
background-image: none;
text-shadow: none;
-gtk-icon-shadow: 0 1px alpha(black, 0.1);
}
.sources-button:not(:backdrop) {
/* defeats the ugly hover effect of the calendar color dot on buttons */
.calendar-color-image {
-gtk-icon-effect: none;
}
/* adds a subtle shadow to the calendar color dot when it makes sense */
button:active:not(:backdrop) .calendar-color-image,
button:checked:not(:backdrop) .calendar-color-image,
.calendars-list modelbutton image:dir(ltr):first-child:not(:backdrop):not(:disabled),
.calendars-list modelbutton image:dir(ltr):last-child:not(:backdrop):not(:disabled),
.calendars-list row image:dir(ltr):first-child:not(:backdrop):not(:disabled),
.calendars-list row image:dir(ltr):last-child:not(:backdrop):not(:disabled),
.sources-button:not(:backdrop):not(:disabled) .calendar-color-image {
-gtk-icon-shadow: 0 1px alpha(black, 0.1);
}