From 680fc50218437b251bc10cb2b2dce4c3b26c577f Mon Sep 17 00:00:00 2001
From: Paul Holden <paulh@moodle.com>
Date: Wed, 17 Jul 2024 22:18:29 +0100
Subject: [PATCH] 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
---
 theme/boost/scss/moodle/calendar.scss |  8 ++++----
 theme/boost/style/moodle.css          | 14 +++++++-------
 theme/classic/style/moodle.css        | 14 +++++++-------
 3 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/theme/boost/scss/moodle/calendar.scss b/theme/boost/scss/moodle/calendar.scss
index 205211dae2f..612cfd3c297 100644
--- a/theme/boost/scss/moodle/calendar.scss
+++ b/theme/boost/scss/moodle/calendar.scss
@@ -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;
             }
         }
     }
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index fd262a604d2..0a4d42811d7 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -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;
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index 6a4f70b2afe..9537095c883 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -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;