L-electron-Rare/moodle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

MDL-73796 theme_boost: mobile navcrumb design

Browse Source
This commit is contained in:
Bas Brands
2022-03-01 13:55:32 +01:00
parent 9cd77c4130
commit 757b8c636e
4 changed files with 29 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/templates/navbar.mustache
+1 -1
View File
@@ -72,7 +72,7 @@
</li>
{{/has_action}}
{{^has_action}}
<li class="breadcrumb-item{{#is_hidden}} dimmed_text{{/is_hidden}}">{{{text}}}</li>
<li class="breadcrumb-item{{#is_hidden}} dimmed_text{{/is_hidden}}"><span>{{{text}}}</span></li>
{{/has_action}}
{{/get_items}}{{!
}}</ol>
theme/boost/scss/moodle/core.scss
+10 -3
View File
@@ -2703,13 +2703,20 @@ $picker-emojis-per-row: 7 !default;
.breadcrumb:not(:empty) {
width: 100%;
border: ($border-width * 2) solid $gray-200;
padding: $spacer / 4;
flex-wrap: nowrap;
margin-bottom: $spacer / 2;
.breadcrumb-item {
padding-top: $spacer / 3;
padding-bottom: $spacer / 3;
display: inline-block;
display: inline-flex;
overflow: hidden;
flex-grow: 1;
}
.breadcrumb-item a,
.breadcrumb-item span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
theme/boost/style/moodle.css
+9 -3
View File
@@ -12048,13 +12048,19 @@ input[disabled] {
width: 100%; }
.breadcrumb:not(:empty) {
width: 100%;
border: 2px solid #e9ecef;
padding: 0.25rem;
flex-wrap: nowrap;
margin-bottom: 0.5rem; }
.breadcrumb:not(:empty) .breadcrumb-item {
padding-top: 0.3333333333rem;
padding-bottom: 0.3333333333rem;
display: inline-block; }
display: inline-flex;
overflow: hidden;
flex-grow: 1; }
.breadcrumb:not(:empty) .breadcrumb-item a,
.breadcrumb:not(:empty) .breadcrumb-item span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.mform {
width: 100%;
padding-right: 15px;
theme/classic/style/moodle.css
+9 -3
View File
@@ -12048,13 +12048,19 @@ input[disabled] {
width: 100%; }
.breadcrumb:not(:empty) {
width: 100%;
border: 2px solid #e9ecef;
padding: 0.25rem;
flex-wrap: nowrap;
margin-bottom: 0.5rem; }
.breadcrumb:not(:empty) .breadcrumb-item {
padding-top: 0.3333333333rem;
padding-bottom: 0.3333333333rem;
display: inline-block; }
display: inline-flex;
overflow: hidden;
flex-grow: 1; }
.breadcrumb:not(:empty) .breadcrumb-item a,
.breadcrumb:not(:empty) .breadcrumb-item span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.mform {
width: 100%;
padding-right: 15px;