fix: make module images clickable again

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 Here I will outline the changes I've made over time...
 
+### 20240105
+
+- Made module images clickable again
+
 ### 20240104
 
 - Styled tables in course pages

main.css

@@ -1,6 +1,6 @@
 /* ==UserStyle==
 @name           UoM Blackboard theme
-@version        20240104.00.00
+@version        20240105.00.00
 @namespace      userstyles.world/user/adil192
 @description    Themes the blackboard UoM website to look more modern and use a consistent colour scheme.
 @author         adil192
@@ -696,20 +696,29 @@
     position: relative;
     z-index: 1;
   }
-  .listElement li[data-module-code]::before,
-  .courseListing li[data-module-code]::before {
+  .listElement li[data-module-code] > a::before, .listElement li[data-module-code] > a::after,
+  .courseListing li[data-module-code] > a::before,
+  .courseListing li[data-module-code] > a::after {
     content: "";
     position: absolute;
-    top: 0;
+    border-radius: inherit;
+    z-index: -1;
+  }
+  .listElement li[data-module-code] > a::before,
+  .courseListing li[data-module-code] > a::before {
+    top: -5rem;
     left: 0;
     right: 0;
     height: 6rem;
     background-color: rgba(129, 66, 166, 0.1);
     background-image: var(--bg-url);
     background-size: cover;
     background-position: center;
-    border-top-left-radius: 0.5rem;
-    border-top-right-radius: 0.5rem;
+  }
+  .listElement li[data-module-code] > a::after,
+  .courseListing li[data-module-code] > a::after {
+    inset: 0;
+    background: inherit;
   }
   .listElement li[data-module-code^=ARDSE001],
   .courseListing li[data-module-code^=ARDSE001] {

styles/_online.manchester.ac.uk_webapps_portal.scss

@@ -108,20 +108,28 @@ div.container {
 			border-radius: 0.5rem;
 			position: relative;
 			z-index: 1;
-		}
-		&::before {
-			content: "";
-			position: absolute;
-			top: 0;
-			left: 0;
-			right: 0;
-			height: 6rem;
-			background-color: $shadow; // fallback for bgs with transparency
-			background-image: var(--bg-url);
-			background-size: cover;
-			background-position: center;
-			border-top-left-radius: 0.5rem;
-			border-top-right-radius: 0.5rem;
+
+			&::before,
+			&::after {
+				content: '';
+				position: absolute;
+				border-radius: inherit;
+				z-index: -1;
+			}
+			&::before {
+				top: -5rem;
+				left: 0;
+				right: 0;
+				height: 6rem;
+				background-color: $shadow; // fallback for bgs with transparency
+				background-image: var(--bg-url);
+				background-size: cover;
+				background-position: center;
+			}
+			&::after {
+				inset: 0;
+				background: inherit;
+			}
 		}
 	}
 

styles/_version.scss

@@ -1,6 +1,6 @@
 /* ==UserStyle==
 @name           UoM Blackboard theme
-@version        20240104.00.00
+@version        20240105.00.00
 @namespace      userstyles.world/user/adil192
 @description    Themes the blackboard UoM website to look more modern and use a consistent colour scheme.
 @author         adil192