Merge pull request #347 from StroepWafel/Fix-wrapping

fix: Text now wraps correctly in most divs
This commit is contained in:
Seth Burkart
2025-09-15 11:11:24 +10:00
committed by GitHub
+22 -6
View File
@@ -379,6 +379,18 @@ ul.magicDelete > li.deleting {
padding: 0; padding: 0;
white-space: nowrap; white-space: nowrap;
} }
/* Allow long course/assessment names in the sidebar to wrap and break safely */
#menu li > label,
#menu section > label {
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
text-transform: none;
font-size: 16px;
hyphens: auto;
line-height: 1.2;
}
#menu { #menu {
width: 270px; width: 270px;
z-index: 19; z-index: 19;
@@ -451,11 +463,6 @@ ul.magicDelete > li.deleting {
} }
} }
#menu li > label,
#menu section > label {
text-transform: none;
font-size: 16px;
}
#userActions { #userActions {
display: none; display: none;
} }
@@ -1325,7 +1332,16 @@ html.transparencyEffects [class*="ResourceList__ResourceItem___voTSd"] [class*="
font-size: 20px !important; font-size: 20px !important;
font-weight: 500; font-weight: 500;
min-height: 46px; min-height: 46px;
height: 36%; /* Let the title expand naturally but clamp to 2 lines to avoid overlap */
height: auto;
line-height: 1.2;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
overflow-wrap: anywhere;
word-break: break-word;
hyphens: auto;
} }
.day h3 { .day h3 {
padding: 0px 5px; padding: 0px 5px;