From 5a55820989714316ca0933be1eaf1a523a43164d Mon Sep 17 00:00:00 2001 From: Yevhen Matasar Date: Tue, 19 May 2026 01:27:48 +0300 Subject: [PATCH 1/3] Restyle breadcrumbs with chevron clip-path shapes Replace the trailing-triangle-via-border breadcrumb styling with a chevron clip-path polygon that applies to every item, with alternating shading for inner items. Co-Authored-By: AZsSPC --- scss/standard.scss | 46 +++++++++++++++------------------------------- 1 file changed, 15 insertions(+), 31 deletions(-) diff --git a/scss/standard.scss b/scss/standard.scss index 0312426..d571c5d 100644 --- a/scss/standard.scss +++ b/scss/standard.scss @@ -1119,15 +1119,24 @@ div.backup-section + form { border-radius: 0; display: block; padding: 0; - > li { + .breadcrumb-item { + padding: 5px 1em 5px 1.15em; + overflow: visible; + width: fit-content; + margin-right: -.4em; + margin-bottom: 3px; + clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%, 10px 50%); color: $grey; - text-shadow: none; - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; background-color: $color_gallery_approx; - padding: 5px 15px; float: left; position: relative; + &:first-child { + padding-left: 0.85em; + clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%); + } + &:nth-child(2n):not(:last-child) { + background-color: mix($primary, $color_gallery_approx, 15%); + } a { color: $grey; &:hover, @@ -1136,37 +1145,12 @@ div.backup-section + form { text-decoration: none; } } - > .divider { - font-size: 10px; - color: $primary; - } - } - .breadcrumb-item { &:last-child { color: $white; - padding-left: 15px; - padding-right: 10px; background: $primary; - &:before { - display: none; - } - &:after { - content: ''; - width: 0; - height: 0; - border-top: 18px solid transparent; - border-bottom: 15px solid transparent; - border-left: 20px solid $primary; - position: absolute; - right: -20px; - top: 0; - } } + .breadcrumb-item:before { - content: '\f105'; - font-family: $font_0; - font-weight: $font_weight; - margin-right: 10px; + display: none; } } } From 3bbff5e799b26f98faf65c60afad59abdbaddc5c Mon Sep 17 00:00:00 2001 From: Yevhen Matasar Date: Tue, 19 May 2026 01:27:52 +0300 Subject: [PATCH 2/3] Add My Courses entry to course-view breadcrumb Show both the global Courses index and the user's My Courses page in the breadcrumb trail on course pages. Co-Authored-By: AZsSPC --- classes/output/core_renderer.php | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/classes/output/core_renderer.php b/classes/output/core_renderer.php index c835cfc..2372521 100644 --- a/classes/output/core_renderer.php +++ b/classes/output/core_renderer.php @@ -128,6 +128,10 @@ private function build_course_view_items(\stdClass $course): array [ 'text' => get_string('courses'), 'url' => (new moodle_url('/course/index.php'))->out(false) + ], + [ + 'text' => get_string('mycourses'), + 'url' => (new moodle_url('/my/courses.php'))->out(false) ] ]; From 1a17c20bc28dbd5527638de62e9c5004fda03793 Mon Sep 17 00:00:00 2001 From: Yevhen Matasar Date: Tue, 19 May 2026 12:21:09 +0300 Subject: [PATCH 3/3] Drop redundant limitedwidth .main-inner overrides .theme-container.limitedwidth and .default-container.limitedwidth had .main-inner blocks restating max-width: 960px, but the outer .theme-container/.default-container #page.drawers .main-inner rules already set 960px. Higher-specificity duplicates produce no visible effect. The .custom-container.limitedwidth override stays because its outer rule uses $custom-container, so 960px is a real override there. Co-Authored-By: AZsSPC --- scss/standard.scss | 11 ----------- 1 file changed, 11 deletions(-) diff --git a/scss/standard.scss b/scss/standard.scss index d571c5d..26c1daa 100644 --- a/scss/standard.scss +++ b/scss/standard.scss @@ -1217,11 +1217,6 @@ div.backup-section + form { } body:not(.pagelayout-frontpage) { &.theme-container.limitedwidth #page.drawers { - .main-inner { - max-width: 1280px; - margin-left: auto; - margin-right: auto; - } .secondary-navigation { max-width: 960px; margin-left: auto; @@ -1229,17 +1224,11 @@ body:not(.pagelayout-frontpage) { } } &.default-container.limitedwidth #page.drawers { - .main-inner { - max-width: 960px; - margin-left: auto; - margin-right: auto; - } .secondary-navigation { max-width: 960px; margin-left: auto; margin-right: auto; } - } &.custom-container.limitedwidth #page.drawers { .main-inner {