[gnome-calendar/gbsneto/gtk4: 23/29] css: Adjust slanted events CSS

[Georges Basile Stavracas Neto <gbsneto src gnome org>]

commit 4bbdd3e071ae35a4fdc84083b307b46dc94a30a6
Author: Georges Basile Stavracas Neto <georges stavracas gmail com>
Date:   Wed Jan 26 12:48:11 2022 -0300

    css: Adjust slanted events CSS

 src/gui/css-code.h    | 24 ++++++------------------
 src/theme/Adwaita.css |  2 +-
 2 files changed, 7 insertions(+), 19 deletions(-)
---
diff --git a/src/gui/css-code.h b/src/gui/css-code.h
index a10912d0..09e2545e 100644
--- a/src/gui/css-code.h
+++ b/src/gui/css-code.h
@@ -21,7 +21,7 @@
 
 #define CSS_TEMPLATE \
 ".color-%1$d {"\
-"  background-color: %2$s"\
+"  background-color: %2$s;"\
 "}"\
 ".color-%1$d.horizontal.timed {"\
 "  background-color: transparent;"\
@@ -158,10 +158,6 @@
 "  background-origin: padding-box, border-box;"\
 "  background-clip: padding-box, border-box;"\
 "  border-radius: 0 2px 2px 0;"\
-"  padding-right: 4px;"\
-"  padding-left: 24px;"\
-"  padding-top: 3px;"\
-"  padding-bottom: 4px;"\
 "}"\
 ".color-%1$d.slanted-start:backdrop {"\
 "  background-image: linear-gradient(100deg, /* left edge */"\
@@ -190,8 +186,6 @@
 "  border-bottom: 1px solid transparent; /* for the shadow displacement */"\
 "  background-position: right bottom, right bottom;"\
 "  border-radius: 2px 0 0 2px;"\
-"  padding-right: 24px;"\
-"  padding-left: 4px;"\
 "}"\
 ".color-%1$d.slanted-start:dir(rtl):backdrop {"\
 "  background-image: linear-gradient(260deg, /* right edge */"\
@@ -224,10 +218,6 @@
 "  background-origin: padding-box, border-box;"\
 "  background-clip: padding-box, border-box;"\
 "  border-radius: 2px 0 0 2px;"\
-"  padding-right: 24px;"\
-"  padding-left: 4px;"\
-"  padding-top: 3px;"\
-"  padding-bottom: 4px;"\
 "}"\
 ".color-%1$d.slanted-end:backdrop {"\
 "  background-image: linear-gradient(280deg, /* right edge */"\
@@ -255,8 +245,6 @@
 "                                    @event_shadow_color       17px);"\
 "  background-position: left bottom, left bottom;"\
 "  border-radius: 0 2px 2px 0;"\
-"  padding-right: 4px;"\
-"  padding-left: 24px;"\
 "}"\
 ".color-%1$d.slanted-end:dir(rtl):backdrop {"\
 "  background-image: linear-gradient(80deg, /* left edge */"\
@@ -267,11 +255,11 @@
 "                                    alpha(%2$s, 0) 16px,"\
 "                                    %2$s         17px);"\
 "}"\
-".color-%1$d.slanted box { margin: 0 16px 0 16px; }"\
-".color-%1$d.slanted-start box { margin-left: 16px; }"\
-".color-%1$d.slanted-start:dir(rtl) box { margin-right: 16px; }"\
-".color-%1$d.slanted-end box { margin-right: 16px; }"\
-".color-%1$d.slanted-end:dir(rtl) box { margin-left: 16px; }"
+".color-%1$d.slanted > stack { margin: 0 16px 0 16px; }"\
+".color-%1$d.slanted-start > stack { margin-left: 16px; }"\
+".color-%1$d.slanted-start:dir(rtl) > stack { margin-right: 16px; }"\
+".color-%1$d.slanted-end > stack { margin-right: 16px; }"\
+".color-%1$d.slanted-end:dir(rtl) > stack { margin-left: 16px; }"
 
 #endif /* CSS_CODE_H */
 
diff --git a/src/theme/Adwaita.css b/src/theme/Adwaita.css
index 591d94ba..5ee5b0f9 100644
--- a/src/theme/Adwaita.css
+++ b/src/theme/Adwaita.css
@@ -276,7 +276,7 @@ popover.event-popover textview.view text {
 
 /* defeats the ugly hover effect of the calendar color dot on buttons */
 .calendar-color-image {
-    -gtk-icon-effect: none;
+    -gtk-icon-filter: none;
 }
 
 /* adds a subtle shadow to the calendar color dot when it makes sense */