Skip to content

Commit

Permalink
Add a min-width to keep the icon visible
Browse files Browse the repository at this point in the history
  • Loading branch information
bastianallgeier committed Jul 22, 2024
1 parent ea18cad commit b7102ca
Showing 1 changed file with 7 additions and 0 deletions.
7 changes: 7 additions & 0 deletions panel/src/components/Navigation/Breadcrumb.vue
Original file line number Diff line number Diff line change
Expand Up @@ -102,6 +102,13 @@ export default {
min-width: 0;
transition: flex-shrink 0.1s;
}
.k-breadcrumb ol li:has(.k-icon) {
/*
* without a useful min-width, the item will vanish completely on hover of a very long other item.
* 2.25rem helps to keep at least the icon visible for items with icons.
*/
min-width: 2.25rem;
}
.k-breadcrumb ol li:not(:last-child)::after {
content: var(--breadcrumb-divider);
opacity: 0.175;
Expand Down

0 comments on commit b7102ca

Please sign in to comment.