Release 0.8.1
This commit is contained in:
hnzio committed
1 parent
07f2c4607b
commit
abc31d920f
17 files changed
+908
-134
No files matched your search
+442
@@ -47,6 +47,418 @@
|
||||
--radius-small: 0.65rem;
|
||||
}
|
||||
|
||||
/* 0.8.1 editorial workspaces */
|
||||
.fundus-editor-surface .piece-script-panel > .piece-panel-heading {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fundus-editor-surface .piece-script-panel > .piece-writing-stack {
|
||||
grid-row: 1 / span 2;
|
||||
width: min(100%, 48rem);
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
.fundus-editor-surface .piece-writing-stack {
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.fundus-editor-surface .piece-writing-stack .rich-markdown-surface {
|
||||
min-height: 7rem;
|
||||
border-color: color-mix(in srgb, var(--gold) 22%, var(--line-strong));
|
||||
border-radius: 0.8rem;
|
||||
background: color-mix(in srgb, var(--field) 96%, var(--gold) 4%);
|
||||
}
|
||||
|
||||
.fundus-editor-surface
|
||||
.piece-writing-stack
|
||||
.rich-markdown-field:nth-child(2)
|
||||
.rich-markdown-surface {
|
||||
min-height: 12rem;
|
||||
}
|
||||
|
||||
.fundus-editor-surface .piece-meta-details,
|
||||
.fundus-editor-surface .piece-presentation-panel,
|
||||
.fundus-editor-surface .piece-media-panel {
|
||||
border-color: color-mix(in srgb, var(--gold) 22%, var(--line));
|
||||
}
|
||||
|
||||
.fundus-editor-surface .piece-presentation-panel {
|
||||
padding: 0.9rem;
|
||||
border: 1px solid color-mix(in srgb, var(--gold) 24%, var(--line));
|
||||
border-radius: var(--radius-medium);
|
||||
background: color-mix(in srgb, var(--material-inset) 84%, transparent);
|
||||
}
|
||||
|
||||
.planning-workspace {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
}
|
||||
|
||||
.planning-workspace > .source-pane {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.planning-workspace.library-open {
|
||||
grid-template-columns: minmax(18rem, 0.62fr) minmax(32rem, 1.7fr);
|
||||
}
|
||||
|
||||
.planning-workspace > .source-pane.library-open {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.planning-workspace .run-pane {
|
||||
width: min(100%, 74rem);
|
||||
justify-self: center;
|
||||
padding: clamp(1rem, 2vw, 1.5rem);
|
||||
}
|
||||
|
||||
.planning-workspace.library-open .run-pane {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pane-heading-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.pane-heading-actions > span {
|
||||
padding: 0.3rem 0.55rem;
|
||||
border-radius: 2rem;
|
||||
background: var(--material-deep);
|
||||
color: var(--text-muted);
|
||||
font-size: 0.7rem;
|
||||
font-weight: 680;
|
||||
}
|
||||
|
||||
.piece-library-button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.35rem;
|
||||
}
|
||||
|
||||
.planning-workspace .run-section {
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
border-color: color-mix(in srgb, var(--category) 24%, var(--line));
|
||||
background: color-mix(in srgb, var(--material-inset) 90%, transparent);
|
||||
}
|
||||
|
||||
.planning-workspace .section-drag-handle {
|
||||
padding: 0.8rem 7rem 0.8rem 0.8rem;
|
||||
border-left: 0.22rem solid var(--category);
|
||||
background: color-mix(in srgb, var(--category) 7%, transparent);
|
||||
}
|
||||
|
||||
.planning-workspace .usage-list {
|
||||
gap: 0;
|
||||
margin: 0;
|
||||
border-top: 1px solid var(--line);
|
||||
}
|
||||
|
||||
.planning-workspace .usage-row {
|
||||
min-height: 3rem;
|
||||
padding: 0.55rem 0.8rem 0.55rem 1rem;
|
||||
border: 0;
|
||||
border-bottom: 1px solid var(--line);
|
||||
border-radius: 0;
|
||||
background: color-mix(in srgb, var(--material-deep) 74%, transparent);
|
||||
}
|
||||
|
||||
.planning-workspace .usage-drag-copy {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.planning-workspace .section-placeholder,
|
||||
.planning-workspace .section-editor {
|
||||
margin-inline: 1rem;
|
||||
}
|
||||
|
||||
.planning-workspace .section-editor {
|
||||
margin-bottom: 0.7rem;
|
||||
}
|
||||
|
||||
.live-current {
|
||||
border-color: color-mix(in srgb, var(--gold) 26%, var(--line));
|
||||
background: color-mix(in srgb, var(--glass) 94%, var(--bg));
|
||||
}
|
||||
|
||||
.live-current-scroll {
|
||||
padding-inline: clamp(1rem, 4vw, 4.5rem);
|
||||
}
|
||||
|
||||
.live-piece-heading {
|
||||
grid-template-columns: minmax(0, 1fr) auto;
|
||||
padding-bottom: 0.9rem;
|
||||
}
|
||||
|
||||
.live-piece-context {
|
||||
display: flex;
|
||||
grid-column: 1 / -1;
|
||||
align-items: center;
|
||||
gap: 0.45rem;
|
||||
color: var(--gold-strong);
|
||||
font-size: 0.62rem;
|
||||
font-weight: 760;
|
||||
letter-spacing: 0.06em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.live-piece-context span + span {
|
||||
padding-left: 0.45rem;
|
||||
border-left: 1px solid var(--line-strong);
|
||||
color: var(--text-faint);
|
||||
}
|
||||
|
||||
.live-script-section {
|
||||
max-width: 64rem;
|
||||
padding-block: 1rem;
|
||||
}
|
||||
|
||||
.live-intro .prompter-copy {
|
||||
font-size: calc(var(--prompt-size) * 1.08);
|
||||
}
|
||||
|
||||
.moderation-card {
|
||||
margin-block: 0.35rem;
|
||||
padding: 1rem;
|
||||
border: 1px solid color-mix(in srgb, var(--gold) 22%, var(--line));
|
||||
border-radius: 0.85rem;
|
||||
background: color-mix(in srgb, var(--gold) 5%, var(--material-inset));
|
||||
}
|
||||
|
||||
.search-page {
|
||||
width: min(100%, 92rem);
|
||||
}
|
||||
|
||||
.search-page-heading,
|
||||
.search-results-heading {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: space-between;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.search-page-heading h1,
|
||||
.search-results-heading h2 {
|
||||
margin: 0.1rem 0 0;
|
||||
}
|
||||
|
||||
.search-page-heading p:not(.eyebrow) {
|
||||
margin: 0.35rem 0 0;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.search-filter-trigger {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search-workspace {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(13rem, 16rem) minmax(0, 1fr);
|
||||
gap: 1rem;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.search-filter-panel {
|
||||
position: sticky;
|
||||
top: 5.25rem;
|
||||
padding: 0.9rem;
|
||||
border: 1px solid color-mix(in srgb, var(--gold) 20%, var(--line));
|
||||
border-radius: var(--radius-large);
|
||||
background: color-mix(in srgb, var(--glass) 94%, transparent);
|
||||
box-shadow: var(--shadow-soft);
|
||||
}
|
||||
|
||||
.search-filter-panel > header {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.search-filter-panel h2 {
|
||||
margin: 0.1rem 0 0;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.search-filter-panel .dialog-close {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search-filter-panel nav {
|
||||
display: grid;
|
||||
gap: 0.2rem;
|
||||
padding-bottom: 0.8rem;
|
||||
border-bottom: 1px solid var(--line);
|
||||
}
|
||||
|
||||
.search-filter-panel nav a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 0.5rem;
|
||||
padding: 0.55rem 0.65rem;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 0.65rem;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
.search-filter-panel nav a.active {
|
||||
border-color: color-mix(in srgb, var(--gold) 36%, var(--line));
|
||||
background: color-mix(in srgb, var(--gold) 9%, var(--material-inset));
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.search-filter-panel nav strong {
|
||||
color: var(--gold-strong);
|
||||
font-size: 0.68rem;
|
||||
}
|
||||
|
||||
.search-facet-form {
|
||||
display: grid;
|
||||
gap: 0.65rem;
|
||||
margin-top: 0.85rem;
|
||||
}
|
||||
|
||||
.search-facet-form label {
|
||||
display: grid;
|
||||
gap: 0.25rem;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.68rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.search-facet-form select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.search-facet-form .text-button {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.search-results {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.search-results-heading {
|
||||
padding: 0.35rem 0 0.8rem;
|
||||
border-bottom: 1px solid var(--line);
|
||||
}
|
||||
|
||||
.search-results-heading > span {
|
||||
padding: 0.3rem 0.55rem;
|
||||
border-radius: 999px;
|
||||
background: color-mix(in srgb, var(--gold) 10%, var(--panel));
|
||||
color: var(--gold-strong);
|
||||
font-size: 0.68rem;
|
||||
}
|
||||
|
||||
.search-result-group {
|
||||
margin-top: 1.2rem;
|
||||
}
|
||||
|
||||
.search-result-list > a {
|
||||
padding: 1rem 1.1rem;
|
||||
border-radius: 0.85rem;
|
||||
background: color-mix(in srgb, var(--glass) 84%, transparent);
|
||||
}
|
||||
|
||||
.search-start-state {
|
||||
display: grid;
|
||||
min-height: 22rem;
|
||||
place-items: center;
|
||||
align-content: center;
|
||||
text-align: center;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.search-start-state .app-icon {
|
||||
font-size: 2rem;
|
||||
color: var(--gold-strong);
|
||||
}
|
||||
|
||||
.search-start-state h2,
|
||||
.search-start-state p {
|
||||
margin: 0.45rem 0 0;
|
||||
}
|
||||
|
||||
@media (max-width: 72rem) {
|
||||
.planning-workspace,
|
||||
.planning-workspace.library-open {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.planning-workspace > .source-pane,
|
||||
.planning-workspace > .source-pane.library-open {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.planning-workspace .piece-library-button,
|
||||
.planning-workspace .source-pane .pane-heading-actions .dialog-close {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 52rem) {
|
||||
.fundus-editor-surface .piece-script-panel > .piece-writing-stack {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.search-page {
|
||||
padding-inline: 1rem;
|
||||
}
|
||||
|
||||
.search-page-heading {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.search-filter-trigger {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.35rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.search-workspace {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.search-filter-panel {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 80;
|
||||
inset: calc(var(--mobile-header) + env(safe-area-inset-top) + 0.4rem) 0.5rem
|
||||
calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 0.4rem);
|
||||
overflow-y: auto;
|
||||
background: var(--bg-elevated);
|
||||
box-shadow: var(--shadow-large);
|
||||
}
|
||||
|
||||
.search-filter-panel.open {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.search-filter-panel .dialog-close {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.search-page-form {
|
||||
margin-block: 1rem;
|
||||
}
|
||||
|
||||
.live-current-scroll {
|
||||
padding-inline: 0.9rem;
|
||||
}
|
||||
|
||||
.moderation-card {
|
||||
padding: 0.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
.completion-dialog {
|
||||
width: min(38rem, calc(100% - 2rem));
|
||||
max-height: calc(100dvh - 2rem);
|
||||
@@ -9146,3 +9558,33 @@ button.catalog-entry-main:hover {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* Keep the 0.8.1 workspace overrides after the legacy component rules. */
|
||||
.fundus-editor-surface .piece-script-panel > .piece-writing-stack {
|
||||
grid-row: 1 / span 2;
|
||||
width: min(100%, 48rem);
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
.planning-workspace {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
}
|
||||
|
||||
.live-current {
|
||||
border-color: color-mix(in srgb, var(--gold) 26%, var(--line));
|
||||
background: color-mix(in srgb, var(--glass) 94%, var(--bg));
|
||||
}
|
||||
|
||||
.live-current-scroll {
|
||||
padding-inline: clamp(1rem, 4vw, 4.5rem);
|
||||
}
|
||||
|
||||
@media (max-width: 52rem) {
|
||||
.fundus-editor-surface .piece-script-panel > .piece-writing-stack {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.live-current-scroll {
|
||||
padding-inline: 0.9rem;
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user