From efcdcfdacb99fb538771a2f82981d4326c904ace Mon Sep 17 00:00:00 2001
From: Elmar Ludwig <elmar.ludwig@uni-osnabrueck.de>
Date: Fri, 1 Apr 2022 08:17:17 +0000
Subject: [PATCH] use CSS for breadcrumb sizing, re #727
---
.../assets/stylesheets/scss/courseware.scss | 19 ++++++++++---------
.../CoursewareStructuralElement.vue | 4 +---
2 files changed, 11 insertions(+), 12 deletions(-)
diff --git a/resources/assets/stylesheets/scss/courseware.scss b/resources/assets/stylesheets/scss/courseware.scss
index b074b7d2dd3..9efccef8c02 100755
--- a/resources/assets/stylesheets/scss/courseware.scss
+++ b/resources/assets/stylesheets/scss/courseware.scss
@@ -285,8 +285,11 @@ $consum_ribbon_width: calc(100% - 58px);
.cw-ribbon-breadcrumb {
font-size: 1.25em;
line-height: 1.5em;
+ margin-right: 1em;
+ min-width: 0;
ul {
+ display: flex;
list-style: none;
padding-left: 0;
@@ -298,14 +301,12 @@ $consum_ribbon_width: calc(100% - 58px);
}
.cw-ribbon-breadcrumb-item {
- display: inline-flex;
-
- span {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 12em;
- }
+ display: inline;
+ flex-shrink: 100000;
+ min-width: 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
a {
color: $base-color;
@@ -316,7 +317,7 @@ $consum_ribbon_width: calc(100% - 58px);
}
&.cw-ribbon-breadcrumb-item-current {
- cursor: default;
+ flex-shrink: 1;
}
}
}
diff --git a/resources/vue/components/courseware/CoursewareStructuralElement.vue b/resources/vue/components/courseware/CoursewareStructuralElement.vue
index b01ff6b7067..ec340121dad 100755
--- a/resources/vue/components/courseware/CoursewareStructuralElement.vue
+++ b/resources/vue/components/courseware/CoursewareStructuralElement.vue
@@ -26,9 +26,7 @@
class="cw-ribbon-breadcrumb-item"
>
<span>
- <router-link :to="'/structural_element/' + ancestor.id">
- {{ ancestor.attributes.title || "–" }}
- </router-link>
+ <router-link :to="'/structural_element/' + ancestor.id">{{ ancestor.attributes.title || "–" }}</router-link>
</span>
</li>
<li
--
GitLab