MDL-82209 calendar: consistent event action icon hovering.

* Apply hover on the icons, rather than the outer container;
* Make hover colour and text decoration appropriate for the icon
This commit is contained in:
Paul Holden
2024-07-29 09:19:46 +01:00
parent e119a01a4f
commit 680fc50218
3 changed files with 18 additions and 18 deletions
+4 -4
View File
@@ -298,10 +298,10 @@ $calendarCurrentDateBackground: $primary;
.calendar_event_site,
.calendar_event_group,
.calendar_event_user {
&:hover {
a {
color: $link-hover-color;
text-decoration: $link-hover-decoration;
a:has(> .icon) {
&:hover {
color: darken($calendarEventColor, 15%);
text-decoration: $link-decoration;
}
}
}
+7 -7
View File
@@ -27487,13 +27487,13 @@ aside[id^=block-region-side-] .block_recentlyaccesseditems .dashboard-card-deck
width: 98%;
margin: 10px auto;
}
.maincalendar .calendar_event_category:hover a,
.maincalendar .calendar_event_course:hover a,
.maincalendar .calendar_event_site:hover a,
.maincalendar .calendar_event_group:hover a,
.maincalendar .calendar_event_user:hover a {
color: #094478;
text-decoration: underline;
.maincalendar .calendar_event_category a:has(> .icon):hover,
.maincalendar .calendar_event_course a:has(> .icon):hover,
.maincalendar .calendar_event_site a:has(> .icon):hover,
.maincalendar .calendar_event_group a:has(> .icon):hover,
.maincalendar .calendar_event_user a:has(> .icon):hover {
color: #07345a;
text-decoration: none;
}
.maincalendar .calendar_event_category {
border-color: #e0cbe0;
+7 -7
View File
@@ -27487,13 +27487,13 @@ aside[id^=block-region-side-] .block_recentlyaccesseditems .dashboard-card-deck
width: 98%;
margin: 10px auto;
}
.maincalendar .calendar_event_category:hover a,
.maincalendar .calendar_event_course:hover a,
.maincalendar .calendar_event_site:hover a,
.maincalendar .calendar_event_group:hover a,
.maincalendar .calendar_event_user:hover a {
color: #094478;
text-decoration: underline;
.maincalendar .calendar_event_category a:has(> .icon):hover,
.maincalendar .calendar_event_course a:has(> .icon):hover,
.maincalendar .calendar_event_site a:has(> .icon):hover,
.maincalendar .calendar_event_group a:has(> .icon):hover,
.maincalendar .calendar_event_user a:has(> .icon):hover {
color: #07345a;
text-decoration: none;
}
.maincalendar .calendar_event_category {
border-color: #e0cbe0;