Federated_Computer/federated-calendar
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css: Adjust slanted events CSS

Browse Source
This commit is contained in:
Georges Basile Stavracas Neto
2022-02-12 13:08:50 -03:00
parent e190f5a3fd
commit c31d2c5821
2 changed files with 7 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/gui/css-code.h
+6 -18
View File
@@ -21,7 +21,7 @@
#define CSS_TEMPLATE \ #define CSS_TEMPLATE \
".color-%1$d {"\ ".color-%1$d {"\
" background-color: %2$s"\ " background-color: %2$s;"\
"}"\ "}"\
".color-%1$d.horizontal.timed {"\ ".color-%1$d.horizontal.timed {"\
" background-color: transparent;"\ " background-color: transparent;"\
@@ -158,10 +158,6 @@
" background-origin: padding-box, border-box;"\ " background-origin: padding-box, border-box;"\
" background-clip: padding-box, border-box;"\ " background-clip: padding-box, border-box;"\
" border-radius: 0 2px 2px 0;"\ " border-radius: 0 2px 2px 0;"\
" padding-right: 4px;"\
" padding-left: 24px;"\
" padding-top: 3px;"\
" padding-bottom: 4px;"\
"}"\ "}"\
".color-%1$d.slanted-start:backdrop {"\ ".color-%1$d.slanted-start:backdrop {"\
" background-image: linear-gradient(100deg, /* left edge */"\ " background-image: linear-gradient(100deg, /* left edge */"\
@@ -190,8 +186,6 @@
" border-bottom: 1px solid transparent; /* for the shadow displacement */"\ " border-bottom: 1px solid transparent; /* for the shadow displacement */"\
" background-position: right bottom, right bottom;"\ " background-position: right bottom, right bottom;"\
" border-radius: 2px 0 0 2px;"\ " border-radius: 2px 0 0 2px;"\
" padding-right: 24px;"\
" padding-left: 4px;"\
"}"\ "}"\
".color-%1$d.slanted-start:dir(rtl):backdrop {"\ ".color-%1$d.slanted-start:dir(rtl):backdrop {"\
" background-image: linear-gradient(260deg, /* right edge */"\ " background-image: linear-gradient(260deg, /* right edge */"\
@@ -224,10 +218,6 @@
" background-origin: padding-box, border-box;"\ " background-origin: padding-box, border-box;"\
" background-clip: padding-box, border-box;"\ " background-clip: padding-box, border-box;"\
" border-radius: 2px 0 0 2px;"\ " border-radius: 2px 0 0 2px;"\
" padding-right: 24px;"\
" padding-left: 4px;"\
" padding-top: 3px;"\
" padding-bottom: 4px;"\
"}"\ "}"\
".color-%1$d.slanted-end:backdrop {"\ ".color-%1$d.slanted-end:backdrop {"\
" background-image: linear-gradient(280deg, /* right edge */"\ " background-image: linear-gradient(280deg, /* right edge */"\
@@ -255,8 +245,6 @@
" @event_shadow_color 17px);"\ " @event_shadow_color 17px);"\
" background-position: left bottom, left bottom;"\ " background-position: left bottom, left bottom;"\
" border-radius: 0 2px 2px 0;"\ " border-radius: 0 2px 2px 0;"\
" padding-right: 4px;"\
" padding-left: 24px;"\
"}"\ "}"\
".color-%1$d.slanted-end:dir(rtl):backdrop {"\ ".color-%1$d.slanted-end:dir(rtl):backdrop {"\
" background-image: linear-gradient(80deg, /* left edge */"\ " background-image: linear-gradient(80deg, /* left edge */"\
@@ -267,11 +255,11 @@
" alpha(%2$s, 0) 16px,"\ " alpha(%2$s, 0) 16px,"\
" %2$s 17px);"\ " %2$s 17px);"\
"}"\ "}"\
".color-%1$d.slanted box { margin: 0 16px 0 16px; }"\ ".color-%1$d.slanted > stack { margin: 0 16px 0 16px; }"\
".color-%1$d.slanted-start box { margin-left: 16px; }"\ ".color-%1$d.slanted-start > stack { margin-left: 16px; }"\
".color-%1$d.slanted-start:dir(rtl) box { margin-right: 16px; }"\ ".color-%1$d.slanted-start:dir(rtl) > stack { margin-right: 16px; }"\
".color-%1$d.slanted-end box { margin-right: 16px; }"\ ".color-%1$d.slanted-end > stack { margin-right: 16px; }"\
".color-%1$d.slanted-end:dir(rtl) box { margin-left: 16px; }" ".color-%1$d.slanted-end:dir(rtl) > stack { margin-left: 16px; }"
#endif /* CSS_CODE_H */ #endif /* CSS_CODE_H */
src/theme/Adwaita.css
+1 -1
View File
@@ -276,7 +276,7 @@ popover.event-popover textview.view text {
/* defeats the ugly hover effect of the calendar color dot on buttons */ /* defeats the ugly hover effect of the calendar color dot on buttons */
.calendar-color-image { .calendar-color-image {
-gtk-icon-effect: none; -gtk-icon-filter: none;
} }
/* adds a subtle shadow to the calendar color dot when it makes sense */ /* adds a subtle shadow to the calendar color dot when it makes sense */