Fix extremely long strings in breadcrumbs not wrapping

2022-12-20 17:27:50 +00:00 · 2022-12-20 17:27:50 +00:00 · 5fdd31f724
parent f12fdf48ff
commit 5fdd31f724
2 changed files with 5 additions and 0 deletions
--- a/packages/builder/src/components/portal/page/Breadcrumb.svelte
+++ b/packages/builder/src/components/portal/page/Breadcrumb.svelte
@ -27,6 +27,9 @@
  a {
    color: inherit;
    transition: color 130ms ease-out;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
  }
  a:hover {
    color: var(--spectrum-global-color-gray-900);
--- a/packages/builder/src/components/portal/page/Breadcrumbs.svelte
+++ b/packages/builder/src/components/portal/page/Breadcrumbs.svelte
@ -16,5 +16,7 @@
  }
  div :global(> *:last-child) {
    color: var(--spectrum-global-color-gray-900);
+    flex: 1 1 auto;
+    width: 0;
  }
 </style>