Release 0.5.10
This commit is contained in:
hnzio committed
1 parent
c3033479b5
commit
4fe61971e4
52 files changed
+38565
-466
No files matched your search
+728
-8
@@ -3502,6 +3502,19 @@ textarea:focus {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.show-create-panel > summary {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
cursor: pointer;
|
||||
font-weight: 760;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.show-create-heading {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.show-create-form {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(12rem, 1.3fr) minmax(11rem, 0.85fr) minmax(10rem, 0.85fr) auto;
|
||||
@@ -3510,6 +3523,51 @@ textarea:focus {
|
||||
margin-top: 0.9rem;
|
||||
}
|
||||
|
||||
.show-template-grid {
|
||||
display: grid;
|
||||
grid-column: 1 / -1;
|
||||
grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
|
||||
gap: 0.55rem;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.show-template-grid legend {
|
||||
margin-bottom: 0.35rem;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.68rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.show-template-grid label {
|
||||
display: grid;
|
||||
position: relative;
|
||||
grid-template-columns: auto auto 1fr;
|
||||
align-items: start;
|
||||
gap: 0.55rem;
|
||||
padding: 0.7rem;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--radius-small);
|
||||
background: var(--panel-soft);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.show-template-grid label:has(input:checked) {
|
||||
border-color: var(--gold);
|
||||
background: color-mix(in srgb, var(--gold) 9%, var(--panel));
|
||||
}
|
||||
|
||||
.show-template-grid span,
|
||||
.show-template-grid small {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.show-template-grid small {
|
||||
margin-top: 0.15rem;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.64rem;
|
||||
}
|
||||
|
||||
.show-create-form label,
|
||||
.show-settings-form label,
|
||||
.section-edit-form label,
|
||||
@@ -4813,10 +4871,11 @@ textarea:focus {
|
||||
inset: 0 0 auto;
|
||||
z-index: 30;
|
||||
display: flex;
|
||||
height: var(--mobile-header);
|
||||
height: calc(var(--mobile-header) + env(safe-area-inset-top));
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.85rem 0 0.45rem;
|
||||
padding: env(safe-area-inset-top) calc(0.85rem + env(safe-area-inset-right)) 0
|
||||
calc(0.45rem + env(safe-area-inset-left));
|
||||
border-bottom: 1px solid color-mix(in srgb, var(--gold) 18%, var(--line));
|
||||
background: var(--glass);
|
||||
box-shadow: 0 8px 28px rgb(0 0 0 / 12%);
|
||||
@@ -4840,7 +4899,8 @@ textarea:focus {
|
||||
display: grid;
|
||||
height: calc(var(--mobile-nav) + env(safe-area-inset-bottom));
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
padding: 0.45rem 0.35rem env(safe-area-inset-bottom);
|
||||
padding: 0.45rem calc(0.35rem + env(safe-area-inset-right)) env(safe-area-inset-bottom)
|
||||
calc(0.35rem + env(safe-area-inset-left));
|
||||
border-top: 1px solid color-mix(in srgb, var(--gold) 18%, var(--line));
|
||||
background: var(--glass);
|
||||
box-shadow: 0 -8px 28px rgb(0 0 0 / 12%);
|
||||
@@ -4872,11 +4932,13 @@ textarea:focus {
|
||||
}
|
||||
#main-content {
|
||||
margin-left: 0;
|
||||
padding: var(--mobile-header) 0 calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 1rem);
|
||||
padding: calc(var(--mobile-header) + env(safe-area-inset-top)) 0
|
||||
calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 1rem);
|
||||
}
|
||||
.page-wrap {
|
||||
width: 100%;
|
||||
padding: 1.25rem 1rem 2rem;
|
||||
padding: 1.25rem calc(1rem + env(safe-area-inset-right)) 2rem
|
||||
calc(1rem + env(safe-area-inset-left));
|
||||
}
|
||||
.page-heading h1 {
|
||||
font-size: 1.75rem;
|
||||
@@ -5072,15 +5134,16 @@ textarea:focus {
|
||||
border-radius: 0;
|
||||
}
|
||||
.piece-dialog-header {
|
||||
padding: 0.75rem 0.8rem 0.6rem;
|
||||
padding: calc(0.75rem + env(safe-area-inset-top)) calc(0.8rem + env(safe-area-inset-right))
|
||||
0.6rem calc(0.8rem + env(safe-area-inset-left));
|
||||
}
|
||||
.piece-dialog-heading > small {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.piece-dialog-title textarea {
|
||||
height: 2.35em;
|
||||
.inline-title-trigger,
|
||||
.inline-title-editor input:not([type='hidden']) {
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.12;
|
||||
}
|
||||
@@ -5402,3 +5465,660 @@ textarea:focus {
|
||||
animation-iteration-count: 1 !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Shared editor controls introduced for the compact piece workflow. */
|
||||
html:has(.heinzlive-output.empty),
|
||||
body:has(.heinzlive-output.empty),
|
||||
.heinzlive-output.empty {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.heinzlive-output.empty {
|
||||
min-height: 100vh;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.live-toolbar {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.live-output-settings[open] {
|
||||
z-index: 50;
|
||||
}
|
||||
|
||||
.live-output-settings > div {
|
||||
z-index: 50;
|
||||
}
|
||||
|
||||
.template-popover {
|
||||
width: min(64rem, calc(100vw - var(--sidebar-width) - 4rem));
|
||||
max-height: calc(100dvh - 8rem);
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.template-grid {
|
||||
grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr));
|
||||
}
|
||||
|
||||
.piece-primary h2 a {
|
||||
position: static;
|
||||
}
|
||||
|
||||
.piece-card :is(button, input, summary),
|
||||
.piece-card a:not(.piece-primary h2 a) {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.inbox-item > a {
|
||||
display: flex;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.inbox-item > a > span:first-child {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.inbox-item > a > span:last-child {
|
||||
color: var(--accent);
|
||||
font-weight: 720;
|
||||
}
|
||||
|
||||
.inline-title-editor {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.inline-title-trigger {
|
||||
display: flex;
|
||||
max-width: 100%;
|
||||
align-items: center;
|
||||
gap: 0.55rem;
|
||||
padding: 0.1rem 0;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
color: var(--text);
|
||||
cursor: text;
|
||||
font-size: clamp(1.25rem, 2.5vw, 1.85rem);
|
||||
font-weight: 760;
|
||||
letter-spacing: -0.035em;
|
||||
line-height: 1.12;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.inline-title-trigger > span:first-child {
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.inline-title-trigger .app-icon {
|
||||
color: var(--text-faint);
|
||||
}
|
||||
|
||||
.inline-title-editor label,
|
||||
.inline-title-editor input:not([type='hidden']) {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.inline-title-editor input:not([type='hidden']) {
|
||||
padding: 0.16rem 0.45rem;
|
||||
border: 1px solid var(--line-strong);
|
||||
border-radius: 0.55rem;
|
||||
background: var(--field);
|
||||
color: var(--text);
|
||||
font-size: clamp(1.25rem, 2.5vw, 1.85rem);
|
||||
font-weight: 760;
|
||||
letter-spacing: -0.035em;
|
||||
}
|
||||
|
||||
.choice-picker {
|
||||
display: grid;
|
||||
gap: 0.45rem;
|
||||
}
|
||||
|
||||
.choice-picker-selected {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.35rem;
|
||||
}
|
||||
|
||||
.choice-picker-selected > span {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.35rem;
|
||||
padding: 0.35rem 0.55rem;
|
||||
border: 1px solid color-mix(in srgb, var(--gold) 34%, var(--line));
|
||||
border-radius: 999px;
|
||||
background: color-mix(in srgb, var(--gold) 10%, var(--panel));
|
||||
color: var(--text);
|
||||
font-size: 0.68rem;
|
||||
}
|
||||
|
||||
.choice-picker-menu,
|
||||
.icon-picker details {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.choice-picker-menu > summary,
|
||||
.icon-picker summary {
|
||||
width: fit-content;
|
||||
cursor: pointer;
|
||||
color: var(--accent);
|
||||
font-size: 0.7rem;
|
||||
font-weight: 720;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.choice-picker-popover,
|
||||
.icon-picker-popover {
|
||||
position: absolute;
|
||||
z-index: 20;
|
||||
top: calc(100% + 0.35rem);
|
||||
left: 0;
|
||||
width: min(32rem, calc(100vw - 3rem));
|
||||
max-height: min(28rem, 60dvh);
|
||||
overflow: auto;
|
||||
padding: 0.65rem;
|
||||
border: 1px solid var(--line-strong);
|
||||
border-radius: var(--radius-medium);
|
||||
background: var(--panel-strong);
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
|
||||
.piece-subsection-heading .choice-picker-popover {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.choice-picker-search {
|
||||
display: grid !important;
|
||||
grid-template-columns: auto 1fr;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.choice-picker-search input,
|
||||
.icon-picker-popover input {
|
||||
width: 100%;
|
||||
padding: 0.5rem;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--radius-small);
|
||||
background: var(--field);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.choice-picker-options {
|
||||
display: grid;
|
||||
gap: 0.3rem;
|
||||
margin-top: 0.55rem;
|
||||
}
|
||||
|
||||
.choice-picker-options > label {
|
||||
display: grid;
|
||||
grid-template-columns: auto auto minmax(0, 1fr) auto;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
padding: 0.5rem;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--radius-small);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.choice-picker-options > label.active {
|
||||
border-color: color-mix(in srgb, var(--gold) 55%, var(--line));
|
||||
background: color-mix(in srgb, var(--gold) 9%, var(--panel));
|
||||
}
|
||||
|
||||
.choice-picker-options span,
|
||||
.choice-picker-options small {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.choice-picker-close {
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
margin-top: 0.55rem;
|
||||
padding: 0.5rem;
|
||||
border-top: 1px solid var(--line);
|
||||
}
|
||||
|
||||
.choice-picker-options small {
|
||||
color: var(--text-faint);
|
||||
font-size: 0.62rem;
|
||||
}
|
||||
|
||||
.icon-picker summary {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.35rem;
|
||||
}
|
||||
|
||||
.icon-picker-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr));
|
||||
gap: 0.35rem;
|
||||
margin-top: 0.55rem;
|
||||
}
|
||||
|
||||
.icon-picker-grid button {
|
||||
display: grid;
|
||||
min-height: 4.5rem;
|
||||
place-items: center;
|
||||
gap: 0.25rem;
|
||||
padding: 0.45rem;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--radius-small);
|
||||
background: var(--panel-soft);
|
||||
cursor: pointer;
|
||||
font-size: 0.58rem;
|
||||
}
|
||||
|
||||
.icon-picker-grid button.active {
|
||||
border-color: var(--gold);
|
||||
color: var(--gold-strong);
|
||||
}
|
||||
|
||||
.topic-settings-list {
|
||||
display: grid;
|
||||
gap: 0.35rem;
|
||||
margin: 0.8rem 0;
|
||||
}
|
||||
|
||||
.topic-settings-list > details {
|
||||
padding: 0.55rem;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--radius-small);
|
||||
}
|
||||
|
||||
.topic-settings-list summary {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr auto;
|
||||
align-items: center;
|
||||
gap: 0.55rem;
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.topic-edit-form {
|
||||
display: grid;
|
||||
gap: 0.6rem;
|
||||
margin: 0.7rem 0;
|
||||
}
|
||||
|
||||
.topic-edit-form label {
|
||||
display: grid;
|
||||
gap: 0.25rem;
|
||||
font-size: 0.68rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.topic-edit-form input {
|
||||
padding: 0.5rem;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--radius-small);
|
||||
background: var(--field);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.tool-management {
|
||||
padding: clamp(0.85rem, 2vw, 1.2rem);
|
||||
}
|
||||
|
||||
.tool-management .panel-heading {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.compact-add-button {
|
||||
display: inline-flex;
|
||||
width: fit-content;
|
||||
align-items: center;
|
||||
gap: 0.4rem;
|
||||
padding: 0.48rem 0.7rem;
|
||||
border: 1px solid color-mix(in srgb, var(--gold) 42%, var(--line));
|
||||
border-radius: 999px;
|
||||
background: color-mix(in srgb, var(--gold) 10%, var(--glass));
|
||||
color: var(--gold-strong);
|
||||
cursor: pointer;
|
||||
font-size: 0.7rem;
|
||||
font-weight: 760;
|
||||
}
|
||||
|
||||
.catalog-note {
|
||||
margin: 0.45rem 0 0.85rem;
|
||||
color: var(--text-faint);
|
||||
font-size: 0.68rem;
|
||||
}
|
||||
|
||||
.catalog-settings-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
|
||||
gap: 0.45rem;
|
||||
}
|
||||
|
||||
.catalog-settings-list > button {
|
||||
display: grid;
|
||||
grid-template-columns: auto minmax(0, 1fr) auto;
|
||||
align-items: center;
|
||||
gap: 0.65rem;
|
||||
min-width: 0;
|
||||
padding: 0.65rem;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--radius-medium);
|
||||
background: color-mix(in srgb, var(--panel-soft) 82%, transparent);
|
||||
color: var(--text);
|
||||
cursor: pointer;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.catalog-settings-list > button:hover {
|
||||
border-color: color-mix(in srgb, var(--gold) 44%, var(--line));
|
||||
background: color-mix(in srgb, var(--gold) 7%, var(--panel-soft));
|
||||
}
|
||||
|
||||
.catalog-settings-list > button.inactive {
|
||||
opacity: 0.68;
|
||||
}
|
||||
|
||||
.catalog-entry-icon,
|
||||
.management-dialog-icon {
|
||||
display: grid;
|
||||
width: 2.25rem;
|
||||
height: 2.25rem;
|
||||
place-items: center;
|
||||
border: 1px solid color-mix(in srgb, var(--gold) 26%, var(--line));
|
||||
border-radius: 0.72rem;
|
||||
background: color-mix(in srgb, var(--gold) 9%, var(--panel));
|
||||
color: var(--gold-strong);
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.catalog-entry-copy,
|
||||
.catalog-entry-copy strong,
|
||||
.catalog-entry-copy small {
|
||||
display: block;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.catalog-entry-copy strong {
|
||||
font-size: 0.78rem;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.catalog-entry-copy small {
|
||||
margin-top: 0.12rem;
|
||||
color: var(--text-faint);
|
||||
font-size: 0.62rem;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.catalog-settings-list > button > .app-icon {
|
||||
color: var(--text-faint);
|
||||
}
|
||||
|
||||
.management-dialog {
|
||||
display: grid;
|
||||
grid-template-rows: auto minmax(0, 1fr);
|
||||
width: min(40rem, calc(100vw - 2rem));
|
||||
max-height: min(46rem, calc(100dvh - 2rem));
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
border: 1px solid color-mix(in srgb, var(--gold) 42%, var(--line));
|
||||
border-radius: var(--radius-large);
|
||||
background: var(--glass-strong);
|
||||
color: var(--text);
|
||||
box-shadow: var(--shadow);
|
||||
backdrop-filter: blur(24px) saturate(1.12);
|
||||
}
|
||||
|
||||
.management-dialog::backdrop {
|
||||
background: rgb(3 8 18 / 46%);
|
||||
backdrop-filter: blur(6px);
|
||||
}
|
||||
|
||||
.management-dialog > header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 1rem;
|
||||
padding: 1rem 1.1rem;
|
||||
border-bottom: 1px solid var(--line);
|
||||
}
|
||||
|
||||
.management-dialog-title {
|
||||
display: flex;
|
||||
min-width: 0;
|
||||
align-items: center;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.management-dialog-title h2 {
|
||||
margin: 0.1rem 0 0;
|
||||
font-size: 1.05rem;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.management-dialog-form {
|
||||
display: grid;
|
||||
min-height: 0;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.management-dialog-fields,
|
||||
.management-dialog-selections {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 0.8rem;
|
||||
padding: 1rem 1.1rem;
|
||||
}
|
||||
|
||||
.management-dialog-selections {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.management-dialog-fields label,
|
||||
.management-dialog-selections > div,
|
||||
.field-label {
|
||||
display: grid;
|
||||
gap: 0.3rem;
|
||||
font-size: 0.68rem;
|
||||
font-weight: 720;
|
||||
}
|
||||
|
||||
.management-dialog-fields .wide-field,
|
||||
.management-dialog-selections .toggle-row {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
.management-dialog input:not([type='checkbox'], [type='hidden']),
|
||||
.management-dialog textarea {
|
||||
width: 100%;
|
||||
padding: 0.62rem 0.68rem;
|
||||
border: 1px solid var(--line-strong);
|
||||
border-radius: var(--radius-small);
|
||||
background: var(--field);
|
||||
color: var(--text);
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
.management-dialog textarea {
|
||||
min-height: 6.5rem;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.management-dialog .toggle-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.6rem;
|
||||
padding: 0.65rem;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--radius-small);
|
||||
background: var(--panel-soft);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.management-dialog .toggle-row span,
|
||||
.management-dialog .toggle-row strong,
|
||||
.management-dialog .toggle-row small {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.management-dialog .toggle-row small {
|
||||
margin-top: 0.12rem;
|
||||
color: var(--text-faint);
|
||||
font-size: 0.62rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.management-dialog footer {
|
||||
display: flex;
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
justify-content: flex-end;
|
||||
gap: 0.55rem;
|
||||
padding: 0.8rem 1.1rem calc(0.8rem + env(safe-area-inset-bottom));
|
||||
border-top: 1px solid var(--line);
|
||||
background: color-mix(in srgb, var(--glass-strong) 94%, transparent);
|
||||
backdrop-filter: blur(18px);
|
||||
}
|
||||
|
||||
.icon-picker-hint {
|
||||
margin: 0.6rem 0 0;
|
||||
color: var(--text-faint);
|
||||
font-size: 0.62rem;
|
||||
}
|
||||
|
||||
.tool-assignment-name {
|
||||
display: grid;
|
||||
grid-template-columns: auto minmax(0, 1fr);
|
||||
align-items: center;
|
||||
gap: 0.45rem;
|
||||
}
|
||||
|
||||
.tool-assignment-name > span,
|
||||
.tool-assignment-name strong,
|
||||
.tool-assignment-name small {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.media-presentation-choice {
|
||||
display: grid;
|
||||
position: relative;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.media-presentation-choice input {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 0.55rem;
|
||||
left: 0.55rem;
|
||||
}
|
||||
|
||||
.media-presentation-choice span,
|
||||
.media-none {
|
||||
padding: 0.45rem;
|
||||
font-size: 0.68rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.media-presentation-choice:has(input:checked) {
|
||||
box-shadow: inset 0 0 0 2px var(--gold);
|
||||
}
|
||||
|
||||
.upload-form .upload-select {
|
||||
display: flex;
|
||||
grid-column: 1 / -1;
|
||||
align-items: center;
|
||||
gap: 0.45rem;
|
||||
}
|
||||
|
||||
.upload-form .upload-select input {
|
||||
width: auto;
|
||||
min-height: auto;
|
||||
}
|
||||
|
||||
.usage-media-picker {
|
||||
margin-top: 0.8rem;
|
||||
padding: 0.75rem;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--radius-medium);
|
||||
}
|
||||
|
||||
.usage-media-picker > label {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.4rem;
|
||||
}
|
||||
|
||||
.template-save-menu > form {
|
||||
max-height: min(30rem, calc(100dvh - 6rem));
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.deleted-pieces {
|
||||
margin-top: 1.5rem;
|
||||
padding-top: 1rem;
|
||||
border-top: 1px solid var(--line);
|
||||
}
|
||||
|
||||
@media (max-width: 52rem) {
|
||||
.choice-picker-popover,
|
||||
.icon-picker-popover {
|
||||
position: fixed;
|
||||
inset: calc(var(--mobile-header) + env(safe-area-inset-top) + 0.5rem)
|
||||
calc(0.5rem + env(safe-area-inset-right))
|
||||
calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 0.5rem)
|
||||
calc(0.5rem + env(safe-area-inset-left));
|
||||
width: auto;
|
||||
max-height: none;
|
||||
}
|
||||
|
||||
.piece-subsection-heading .choice-picker-popover {
|
||||
right: calc(0.5rem + env(safe-area-inset-right));
|
||||
left: calc(0.5rem + env(safe-area-inset-left));
|
||||
}
|
||||
|
||||
.choice-picker-selected {
|
||||
max-height: 4.5rem;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.tool-management .panel-heading {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.catalog-settings-list {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.management-dialog {
|
||||
height: calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
|
||||
width: auto;
|
||||
max-width: none;
|
||||
max-height: none;
|
||||
inset: calc(0.5rem + env(safe-area-inset-top)) calc(0.5rem + env(safe-area-inset-right))
|
||||
calc(0.5rem + env(safe-area-inset-bottom)) calc(0.5rem + env(safe-area-inset-left));
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.management-dialog-form {
|
||||
max-height: none;
|
||||
}
|
||||
|
||||
.management-dialog-fields,
|
||||
.management-dialog-selections {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.management-dialog-fields .wide-field,
|
||||
.management-dialog-selections .toggle-row {
|
||||
grid-column: auto;
|
||||
}
|
||||
|
||||
.management-dialog footer button {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user