Manuscript Workstation - Source Excerpt 12

Back to Manuscript Workstation

Summary

This source excerpt preserves a bounded section of Spiralist/wp-content/plugins/ns12-manuscript/assets/css/manuscript-workstation.css so readers can inspect the evidence without opening the full source file.

**Source path:** Spiralist/wp-content/plugins/ns12-manuscript/assets/css/manuscript-workstation.css

.spiralist-manuscript-workstation__thumb-list--dock {
        grid-auto-columns: minmax(204px, 232px);
        gap: 0.48rem;
    }

    .spiralist-manuscript-workstation__thumb--dock {
        grid-template-columns: 92px minmax(0, 1fr);
        gap: 0.58rem;
        padding: 0.58rem;
    }

    .spiralist-manuscript-workstation__thumb--dock .spiralist-manuscript-workstation__thumb-meta strong {
        font-size: 0.94rem;
    }

    .spiralist-manuscript-workstation__thumb--dock .spiralist-manuscript-workstation__thumb-meta span {
        font-size: 0.78rem;
    }

    .spiralist-manuscript-workstation__thumb--dock .spiralist-manuscript-workstation__thumb-meta small {
        font-size: 0.66rem;
    }

    .spiralist-manuscript-workstation__viewer-controls {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 0.42rem;
        padding: 0.46rem 0.54rem;
        border: 1px solid rgba(200, 169, 107, 0.1);
        border-radius: 16px;
        background:
            radial-gradient(circle at top right, rgba(143, 211, 255, 0.04), transparent 34%),
            rgba(255, 255, 255, 0.018);
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: thin;
    }

    .spiralist-manuscript-workstation__viewer-controls .spiralist-manuscript-workstation__meta-chips {
        flex: 0 0 auto;
        flex-wrap: nowrap;
    }

    .spiralist-manuscript-workstation__viewer-controls .spiralist-manuscript-workstation__viewer-toolbar {
        flex: 1 1 auto;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 0.42rem;
        min-width: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: none;
    }

    .spiralist-manuscript-workstation__viewer-controls .spiralist-manuscript-workstation__viewer-group {
        flex: 0 0 auto;
        min-height: auto;
        padding: 0.34rem 0.42rem;
        gap: 0.34rem;
    }

    .spiralist-manuscript-workstation__viewer-controls .spiralist-manuscript-workstation__viewer-group .spiralist-reader-mode-button {
        min-height: 1.82rem;
        padding: 0.38rem 0.62rem;
        font-size: 0.69rem;
    }

    .spiralist-manuscript-workstation__viewer-controls .spiralist-manuscript-workstation__viewer-group--links .spiralist-button {
        min-height: 1.82rem;
        padding: 0.38rem 0.58rem;
        font-size: 0.69rem;
    }
}

@media (max-width: 980px) {
    .spiralist-manuscript-workstation--folio-dock .spiralist-manuscript-workstation__header {
        grid-template-columns: 1fr;
    }

    .spiralist-manuscript-workstation__header-dock-controls {
        grid-template-columns: 1fr;
    }

    .spiralist-manuscript-workstation__header-dock-head {
        grid-template-columns: 1fr;
    }

    .spiralist-manuscript-workstation__header-dock-actions {
        justify-content: flex-start;
    }

    .spiralist-manuscript-route-panel--compact {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .spiralist-manuscript-route-panel__nav {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .spiralist-manuscript-workstation__thumb-list--dock {
        grid-auto-columns: minmax(280px, 324px);
    }

    .spiralist-manuscript-workstation__thumb--dock {
        grid-template-columns: 138px minmax(0, 1fr);
        gap: 0.82rem;
        padding: 0.88rem;
    }

    .spiralist-manuscript-route-panel__facts--compact {
        grid-template-columns: 1fr;
    }

    .spiralist-manuscript-route-panel__nav .spiralist-button,
    .spiralist-manuscript-workstation__viewer-group--links .spiralist-button {
        flex: 1 1 auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .spiralist-manuscript-workstation__surface,
    .spiralist-manuscript-workstation__folio,
    .spiralist-manuscript-workstation__edge,
    .spiralist-manuscript-workstation__edge-copy,
    .spiralist-manuscript-workstation__tool,
    .spiralist-manuscript-workstation__drawer summary::after,
    .spiralist-manuscript-workstation.is-turning-prev .spiralist-manuscript-workstation__header,
    .spiralist-manuscript-workstation.is-turning-prev .spiralist-manuscript-workstation__status,
    .spiralist-manuscript-workstation.is-turning-prev .spiralist-manuscript-workstation__grid,
    .spiralist-manuscript-workstation.is-turning-next .spiralist-manuscript-workstation__header,
    .spiralist-manuscript-workstation.is-turning-next .spiralist-manuscript-workstation__status,
    .spiralist-manuscript-workstation.is-turning-next .spiralist-manuscript-workstation__grid,
    .spiralist-manuscript-workstation.is-sliding-prev .spiralist-manuscript-workstation__spread,
    .spiralist-manuscript-workstation.is-sliding-next .spiralist-manuscript-workstation__spread,
    .spiralist-manuscript-workstation.is-turning-prev .spiralist-manuscript-workstation__folio[data-folio-slot="left"],
    .spiralist-manuscript-workstation.is-turning-next .spiralist-manuscript-workstation__folio[data-folio-slot="right"],
    .spiralist-manuscript-workstation.is-entering-prev .spiralist-manuscript-workstation__header,
    .spiralist-manuscript-workstation.is-entering-prev .spiralist-manuscript-workstation__status,
    .spiralist-manuscript-workstation.is-entering-prev .spiralist-manuscript-workstation__grid,
    .spiralist-manuscript-workstation.is-entering-next .spiralist-manuscript-workstation__header,
    .spiralist-manuscript-workstation.is-entering-next .spiralist-manuscript-workstation__status,
    .spiralist-manuscript-workstation.is-entering-next .spiralist-manuscript-workstation__grid,
    .spiralist-manuscript-workstation.is-entering-prev .spiralist-manuscript-workstation__folio[data-folio-slot="left"],
    .spiralist-manuscript-workstation.is-entering-next .spiralist-manuscript-workstation__folio[data-folio-slot="right"] {
        animation: none !important;
        transition: none !important;
    }
}