This commit is contained in:
parent
6894c1690e
commit
60e3ae98cd
2 changed files with 9 additions and 1 deletions
|
@ -112,6 +112,7 @@
|
|||
|
||||
&__bar {
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
transition: var(--b3-transition);
|
||||
margin-right: 8px;
|
||||
|
@ -126,6 +127,10 @@
|
|||
transition: 1s;
|
||||
}
|
||||
|
||||
&--nowrap {
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.b3-tooltips {
|
||||
height: 22px;
|
||||
flex-shrink: 0;
|
||||
|
|
|
@ -391,6 +391,7 @@ export class Breadcrumb {
|
|||
html += '<svg class="protyle-breadcrumb__arrow"><use xlink:href="#iconRight"></use></svg>';
|
||||
}
|
||||
});
|
||||
this.element.classList.remove("protyle-breadcrumb__bar--nowrap");
|
||||
this.element.innerHTML = html;
|
||||
const itemElements = Array.from(this.element.querySelectorAll(".protyle-breadcrumb__text"));
|
||||
if (itemElements.length === 0) {
|
||||
|
@ -404,7 +405,7 @@ export class Breadcrumb {
|
|||
jump = true;
|
||||
return true;
|
||||
}
|
||||
if (index !== 0 && !item.classList.contains("protyle-breadcrumb__text--ellipsis")) {
|
||||
if (!item.classList.contains("protyle-breadcrumb__text--ellipsis")) {
|
||||
item.classList.add("protyle-breadcrumb__text--ellipsis");
|
||||
return true;
|
||||
}
|
||||
|
@ -413,6 +414,8 @@ export class Breadcrumb {
|
|||
}
|
||||
});
|
||||
}
|
||||
this.element.classList.add("protyle-breadcrumb__bar--nowrap");
|
||||
this.element.lastElementChild.previousElementSibling.scrollIntoView();
|
||||
});
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Reference in a new issue