Vito
d9537a726c
* feat(inspector): expose bounded physical file evidence * fix(inspector): distinguish ambiguous saved associations * feat(inspector): derive conservative generation facts * fix(inspector): guard fact ancestry and inspection state * feat(inspector): share complete file details and exports * fix(inspector): preserve fact states and touch targets * feat(viewer): navigate the loaded media collection Refs #216 * fix(viewer): refit after current stage geometry changes Ref #216. Observe the current media stage after readiness and wrapped title changes without rebuilding focused controls or resetting transforms at unchanged dimensions. * feat(viewer): add lifecycle-safe slideshow and media preferences * fix(viewer): resume gallery continuation after close (#216) * fix(images): guard source recovery and wrap viewer actions Clear stale root and folder intent, cancel old pages, and wait for current source discovery before loading a refreshed collection. Preserve safe retry through failed, superseded, and disposed discovery. Wrap narrow viewer footer actions and wait for measured gallery viewport settling in responsive checks. Refs #216; addresses PR #224 review. * test(viewer): await gallery layout after viewport changes Require actual inner, root client, and document widths to agree after each responsive-case viewport and CSS zoom transition. Keep the existing exact frame, overflow, focus, and coarse target assertions unchanged. Observed PR #224 CI initial mobile resize at537px before pending card relayout settled to356px. Refs #216.
48 lines
3.7 KiB
CSS
48 lines
3.7 KiB
CSS
.image-details.file-inspector { padding: 0; }
|
|
.image-preview-slideshow-reason { text-align: center; font-size: 11px; line-height: 1.6; margin: 8px 0 0; }
|
|
.file-inspector { min-inline-size: 0; overflow-wrap: anywhere; }
|
|
.file-inspector-inner { padding: 17px; }
|
|
.image-preview-details .file-inspector-inner { padding: 0; }
|
|
.image-preview-details .file-inspector-footer { padding-inline: 0; }
|
|
.ca-tools .file-cover { display: block; padding: 0; border: 0; border-radius: 6px 6px 0 0; inline-size: 100%; block-size: 150px; background: var(--ca-field); }
|
|
.file-cover :where(img, video) { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; border-radius: inherit; }
|
|
.file-title { display: flex; align-items: start; justify-content: space-between; gap: 8px; }
|
|
.file-inspector .file-title h2 { font-size: 14px; line-height: 1.5; margin: 0; }
|
|
.file-name { font-size: 12px; margin-block: 12px; }
|
|
.file-chips { display: flex; flex-wrap: wrap; gap: 5px; }
|
|
.file-chip { display: inline-block; padding: 3px 7px; border: 1px solid var(--ca-line); border-radius: 4px; background: var(--ca-field); font-size: 10px; }
|
|
.file-evidence { color: var(--ca-focus); }
|
|
.file-format { flex-shrink: 0; max-inline-size: 50%; }
|
|
.file-inspector .prompt-inspector { margin-block-start: 15px; }
|
|
.file-inspector .prompt-block { padding-block: 15px 0; margin-block-start: 15px; }
|
|
.file-inspector .prompt-text { margin-block: 8px 0; }
|
|
.file-inspector .prompt-negative { margin-block-end: 12px; }
|
|
.file-vocabulary > p { margin-block: 0 6px; font-size: 10px; }
|
|
.file-vocabulary .file-chip { font-size: 12px; }
|
|
.generation-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-block: 16px; font-size: 11px; }
|
|
.generation-limit { font-size: 10px; line-height: 1.65; margin-block: 12px; }
|
|
.generation-facts dt, .file-facts dt { color: var(--ca-muted); font-size: 10px; }
|
|
.generation-facts dd, .file-facts dd { margin: 3px 0 0; }
|
|
.file-inspector details { border-block-start: 1px solid var(--ca-line); margin-block-start: 16px; padding-block-start: 13px; font-size: 12px; }
|
|
.file-inspector summary { cursor: pointer; min-block-size: 24px; }
|
|
.file-inspector :where(summary, button, a):focus-visible { outline: 2px solid var(--ca-focus); outline-offset: 2px; }
|
|
.file-inspector details p { font-size: 10px; line-height: 1.65; }
|
|
.file-facts { font-size: 11px; }
|
|
.file-facts > div { margin-block: 10px; }
|
|
.file-inspector details pre { white-space: pre-wrap; overflow-wrap: anywhere; max-block-size: 350px; overflow: auto; padding: 10px; background: var(--ca-field); border: 1px solid var(--ca-line); border-radius: 4px; font-size: 11px; line-height: 1.6; }
|
|
.raw-record-name { font-weight: 600; }
|
|
.file-download { margin-block: 12px; }
|
|
.ca-tools .file-download button { font-size: 11px; min-block-size: 30px; }
|
|
.file-inspector [aria-disabled="true"] { opacity: .6; cursor: not-allowed; }
|
|
.file-inspector-footer { display: flex; flex-wrap: wrap; gap: 8px; border-block-start: 1px solid var(--ca-line); padding: 13px 17px; }
|
|
.ca-tools .file-inspector-footer :where(button, a) { font-size: 11px; min-block-size: 30px; }
|
|
.ca-tools .image-preview-details .file-inspector-footer button { white-space: normal; }
|
|
.file-inspector-footer .workspace-link { display: inline-flex; gap: 7px; border: 1px solid var(--ca-line); border-radius: 4px; padding: 5px 8px; }
|
|
.file-inspector-footer .workspace-icon { inline-size: 14px; block-size: 14px; }
|
|
.file-status { padding: 17px; }
|
|
@media (max-width: 700px) { .ca-tools .file-cover { block-size: 200px; } }
|
|
@media (pointer: coarse) {
|
|
.ca-tools .file-inspector :is(button, a, summary) { min-inline-size: 40px; min-block-size: 40px; }
|
|
.ca-tools .file-inspector .prompt-actions button { inline-size: 36px; block-size: 36px; min-inline-size: 36px; min-block-size: 36px; }
|
|
}
|