feat(breadcrumb): improve overflow slightly

This commit is contained in:
Elian Doran 2025-12-08 22:54:31 +02:00
parent eca2116adc
commit a365814aaa
No known key found for this signature in database

View File

@ -11,23 +11,30 @@
gap: 0.25em; gap: 0.25em;
flex-wrap: nowrap; flex-wrap: nowrap;
overflow: hidden; overflow: hidden;
max-width: 85%;
> span, > span,
> span > span { > span > span {
display: flex; display: flex;
align-items: center; align-items: center;
min-width: 0; min-width: 0;
a {
color: inherit;
text-decoration: none;
min-width: 0;
max-width: 150px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
flex-shrink: 2;
}
} }
a { > span:last-of-type a {
color: inherit; max-width: 300px;
text-decoration: none; flex-shrink: 1;
min-width: 0;
max-width: 100px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
} }
ul { ul {
@ -39,7 +46,6 @@
.dropdown-item span, .dropdown-item span,
.dropdown-item strong { .dropdown-item strong {
max-width: 200px;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;