Fix #225: UI Fixes.

michael-milette · michael-milette · commit 10dd1961dec5 · 2025-10-09T11:26:59.000-04:00
* Course add-section button now has a background color.
* Course images are now wider and top aligned on My Courses page.
* Course names are now larger on My Courses page.
* Category names are now larger on My Courses page.

Co-authored-by: @petro-nonfree
diff --git a/scss/trema/blocks.scss b/scss/trema/blocks.scss
@@ -64,6 +64,11 @@
         }
     }
 }
+.block_myoverview .summary-image {
+    height: auto;
+    width: 100%;
+    aspect-ratio: 7 / 4;
+}
 
 #page .course-card-view {
     @media (min-width: 580px) {
diff --git a/scss/trema/courseformats.scss b/scss/trema/courseformats.scss
@@ -30,3 +30,7 @@ body.format-tiles {
     border-width: 1px;
     width: 100%;
 }
+
+.btn.add-section {
+    background-color: rgba(255,255,255,0.8)!important;
+}
diff --git a/scss/trema/courselist.scss b/scss/trema/courselist.scss
@@ -129,3 +129,18 @@ body#page-enrol-index {
         }
     }
 }
+
+.course-summaryitem .align-items-center {
+    align-items: normal!important
+}
+
+body #page .course-summaryitem {
+    a.aalink.coursename {
+        font-weight: bold;
+        font-size: large;
+    }
+    .categoryname {
+        font-size: small;
+        font-style: italic;
+    }
+}

Original file line number	Diff line number	Diff line change
`@@ -64,6 +64,11 @@`
`64`	`64`	`}`
`65`	`65`	`}`
`66`	`66`	`}`
	`67`	`+.block_myoverview .summary-image {`
	`68`	`+ height: auto;`
	`69`	`+ width: 100%;`
	`70`	`+ aspect-ratio: 7 / 4;`
	`71`	`+}`
`67`	`72`
`68`	`73`	`#page .course-card-view {`
`69`	`74`	`@media (min-width: 580px) {`
Original file line number	Diff line number	Diff line change
`@@ -30,3 +30,7 @@ body.format-tiles {`
`30`	`30`	`border-width: 1px;`
`31`	`31`	`width: 100%;`
`32`	`32`	`}`
	`33`	`+`
	`34`	`+.btn.add-section {`
	`35`	`+ background-color: rgba(255,255,255,0.8)!important;`
	`36`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -129,3 +129,18 @@ body#page-enrol-index {`
`129`	`129`	`}`
`130`	`130`	`}`
`131`	`131`	`}`
	`132`	`+`
	`133`	`+.course-summaryitem .align-items-center {`
	`134`	`+ align-items: normal!important`
	`135`	`+}`
	`136`	`+`
	`137`	`+body #page .course-summaryitem {`
	`138`	`+ a.aalink.coursename {`
	`139`	`+ font-weight: bold;`
	`140`	`+ font-size: large;`
	`141`	`+ }`
	`142`	`+ .categoryname {`
	`143`	`+ font-size: small;`
	`144`	`+ font-style: italic;`
	`145`	`+ }`
	`146`	`+}`