diff --git a/src/css/injected.scss b/src/css/injected.scss index 7b86bca6..73e3d88d 100644 --- a/src/css/injected.scss +++ b/src/css/injected.scss @@ -379,6 +379,18 @@ ul.magicDelete > li.deleting { padding: 0; 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 { width: 270px; z-index: 19; @@ -451,11 +463,6 @@ ul.magicDelete > li.deleting { } } -#menu li > label, -#menu section > label { - text-transform: none; - font-size: 16px; -} #userActions { display: none; } @@ -1325,7 +1332,16 @@ html.transparencyEffects [class*="ResourceList__ResourceItem___voTSd"] [class*=" font-size: 20px !important; font-weight: 500; 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 { padding: 0px 5px;