| 1 | .history-page { flex: 1; min-height: 0; display: flex; flex-direction: column; } |
| 2 | .history-page .history-modal__head { flex: 0 0 auto; } |
| 3 | .history-page .history-modal__title { display: none; } |
| 4 | .history-page .history-manager { flex: 1; min-height: 0; } |
| 5 | .history-page .history-content { flex: 1; min-height: 0; grid-template-columns: minmax(280px, 34%) minmax(420px, 1fr); } |
| 6 | .history-page .history-preview { min-height: 0; } |
| 7 | .history-page .history-preview__body { flex: 1; min-height: 0; } |
| 8 | .history-page[aria-busy="true"] .history-preview__actions button { pointer-events: none; opacity: .5; } |
| 9 | @media (max-width: 959px) { |
| 10 | .history-page .history-content { display: flex; flex-direction: column; } |
| 11 | .history-page .history-list { flex: 1; min-height: 0; } |
| 12 | .history-page .history-content[data-detail="true"] > .history-list { display: none; } |
| 13 | .history-page .history-content[data-detail="false"] > .history-preview { display: none; } |
| 14 | .history-page .history-content[data-detail="true"] > .history-preview { display: flex; flex: 1; } |
| 15 | .history-page .history-toolbar { flex-wrap: wrap; } |
| 16 | } |
| 17 | |
| 18 | @media (min-width: 960px) { |
| 19 | .history-page .history-manager { display: grid; grid-template-columns: minmax(280px, 34%) minmax(420px, 1fr); grid-template-rows: auto minmax(0, 1fr); } |
| 20 | .history-page .history-toolbar { grid-column: 1; grid-row: 1; flex-wrap: wrap; align-items: flex-start; border-right: 1px solid var(--border); } |
| 21 | .history-page .history-search { flex-basis: 100%; } |
| 22 | .history-page .history-content { display: contents; } |
| 23 | .history-page .history-list { grid-column: 1; grid-row: 2; } |
| 24 | .history-page .history-preview { grid-column: 2; grid-row: 1 / 3; } |
| 25 | } |
| 26 | @media (max-width: 959px) { .history-page .history-manager:has(.history-content[data-detail="true"]) > .history-toolbar { display: none; } } |
| 27 | .trash-page__sections { display: flex; flex: 0 0 auto; gap: 8px; padding: 8px 0 12px; } |
| 28 | .trash-page__sections button[aria-pressed="true"] { color: var(--accent); border-color: var(--accent); background: var(--sidebar-active); } |
| 29 | .trash-page__archived { display: flex; flex: 1; min-height: 0; width: 100%; max-width: 840px; } |
| 30 | .trash-center__heading { display: flex; justify-content: space-between; align-items: start; gap: 16px; margin-bottom: 24px; } |
| 31 | .trash-center__eyebrow { display: inline-flex; align-items: center; gap: 6px; color: var(--fg-faint); font-size: 12px; } |
| 32 | .trash-center__heading h2 { font-size: 20px; font-weight: 600; margin: 8px 0; } |
| 33 | .trash-center__heading p { color: var(--fg-faint); margin: 0; } |
| 34 | .trash-center__body { min-height: 0; } |
| 35 |