diff --git a/CHANGELOG.md b/CHANGELOG.md index 69a86b4..d7460d3 100644 --- a/CHANGELOG.md +++ b/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 diff --git a/main.css b/main.css index 1bf8510..fb51b62 100644 --- a/main.css +++ b/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,11 +696,17 @@ 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; @@ -708,8 +714,11 @@ 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] { diff --git a/styles/_online.manchester.ac.uk_webapps_portal.scss b/styles/_online.manchester.ac.uk_webapps_portal.scss index ff7d428..5b60429 100644 --- a/styles/_online.manchester.ac.uk_webapps_portal.scss +++ b/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; + } } } diff --git a/styles/_version.scss b/styles/_version.scss index 20831d1..a29c664 100644 --- a/styles/_version.scss +++ b/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