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-17 22:18:29 +01:00
parent 1a33da6637
commit dcf73527cb
No known key found for this signature in database
GPG Key ID: A81A96D6045F6164
3 changed files with 18 additions and 18 deletions

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;
}
}
}

View File

@ -27564,13 +27564,13 @@ aside[id^=block-region-side-] .block_recentlyaccesseditems .card:nth-of-type(n+4
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;

View File

@ -27564,13 +27564,13 @@ aside[id^=block-region-side-] .block_recentlyaccesseditems .card:nth-of-type(n+4
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;