a5d9dd4fb9
When a sequence title was unavailable for a user (e.g. before starting a timed exam), the `None` value was displayed in course breadcrumbs. This hides it in such cases and ensures that a trailing breadcrumb separator is not displayed.
67 lines
1.1 KiB
SCSS
67 lines
1.1 KiB
SCSS
// ------------------------------
|
|
// Breadcrumb styles
|
|
//
|
|
// Mirrors styles from the Pattern Library
|
|
|
|
.breadcrumbs {
|
|
font-size: font-size(small);
|
|
line-height: line-height(small);
|
|
|
|
.nav-item {
|
|
@include margin-left($baseline/4);
|
|
|
|
display: inline-block;
|
|
|
|
@include media-breakpoint-down(lg) {
|
|
max-width: 240px;
|
|
}
|
|
|
|
@include media-breakpoint-down(sm) {
|
|
max-width: 140px;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
|
|
@include media-breakpoint-down(xs) {
|
|
&:not(:first-child) {
|
|
max-width: 60px;
|
|
}
|
|
}
|
|
|
|
&.nav-item-course {
|
|
max-width: none;
|
|
}
|
|
|
|
a,
|
|
a:visited {
|
|
color: theme-color("primary");
|
|
}
|
|
|
|
a:hover {
|
|
color: $uxpl-blue-hover-active;
|
|
}
|
|
}
|
|
|
|
.fa-angle-right {
|
|
@include margin-left($baseline/4);
|
|
|
|
@include media-breakpoint-down(sm) {
|
|
position: relative;
|
|
top: -5px;
|
|
}
|
|
|
|
display: inline-block;
|
|
color: $body-color;
|
|
|
|
@include rtl {
|
|
@include transform(rotateY(180deg));
|
|
}
|
|
|
|
// Hide a trailing separator.
|
|
&:last-child {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|