diff --git a/src/app.css b/src/app.css index 88f844f..3bace5e 100644 --- a/src/app.css +++ b/src/app.css @@ -3647,6 +3647,7 @@ .compare-dialog-backdrop { z-index: 80; } .file-history-dialog { display: grid; + grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); width: min(780px, calc(100vw - 32px)); height: min(720px, calc(100vh - 32px)); @@ -3695,7 +3696,7 @@ text-overflow: ellipsis; white-space: nowrap; } - .file-history-dialog-body { min-height: 0; overflow: hidden; background: var(--color-surface-solid); } + .file-history-dialog-body { min-width: 0; min-height: 0; overflow: hidden; background: var(--color-surface-solid); } .file-history-dialog-list { height: 100%; padding: 6px; overflow: auto; } .file-history-dialog-row { display: grid; @@ -9173,6 +9174,12 @@ section > header.page-header.page-header { :root .unified-dialog-header .unified-dialog-text :is(h2,h3,.dialog-title,strong) { font-size: 16px; } :root .unified-dialog-header .help-search { order: 2; flex: 1 0 100%; width: 100%; max-width: none; } } +/* Keep long file paths inside the history dialog without displacing its controls. */ +:root .file-history-dialog .unified-dialog-header { min-width: 0; flex-wrap: nowrap; } +:root .file-history-dialog .unified-dialog-header .unified-dialog-text { flex-basis: 0; } +:root .file-history-dialog .unified-dialog-header .unified-dialog-text h2 { + overflow: hidden; text-overflow: ellipsis; white-space: nowrap; +} :root .cred-hero:has(> .unified-dialog-header) { padding: 0 0 14px; background: var(--app-dialog-bg); } :root .cred-hero:has(> .unified-dialog-header) > :is(.cred-hero-copy,.cred-security-note) { margin: 12px 18px 0; } :root { --dialog-close-hover-ink: var(--color-danger); } diff --git a/src/lib/components/FileHistoryDialog.svelte b/src/lib/components/FileHistoryDialog.svelte index 1169cb9..ce67cb1 100644 --- a/src/lib/components/FileHistoryDialog.svelte +++ b/src/lib/components/FileHistoryDialog.svelte @@ -52,7 +52,7 @@