Release v0.1.6
This commit is contained in:
@@ -70,6 +70,21 @@
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.public-maintenance {
|
||||
display: grid;
|
||||
gap: 4px;
|
||||
margin-top: 18px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.public-maintenance strong {
|
||||
color: var(--text-strong);
|
||||
}
|
||||
|
||||
.public-maintenance span {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.public-footnote {
|
||||
margin-top: 22px;
|
||||
color: var(--muted);
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
.status-badge { display: inline-flex; align-items: center; height: 24px; border-radius: 99px; padding: 0 9px; font-size: 12px; font-weight: 800; background: #e7e4df; color: #666; text-transform: uppercase; }
|
||||
.status-ready, .status-sent, .status-appended { background: #d6eee9; color: #34796d; }
|
||||
.status-ready, .status-sent, .status-appended, .status-success, .status-active { background: #d6eee9; color: #34796d; }
|
||||
.status-warning, .status-needs-review, .status-pending { background: #ffedc6; color: #a06b00; }
|
||||
.status-blocked, .status-failed, .status-failed-permanent { background: #f8d1cc; color: #b13e35; }
|
||||
.status-queued, .status-sending { background: #d8e8f4; color: #386a90; }
|
||||
.status-inactive, .status-locked { background: #e7e4df; color: #666; }
|
||||
|
||||
@@ -232,6 +232,593 @@
|
||||
outline-offset: 1px;
|
||||
}
|
||||
|
||||
.admin-overview-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.admin-overview-link {
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
background: var(--panel-soft);
|
||||
padding: 14px;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.admin-overview-link:hover {
|
||||
background: #fff;
|
||||
border-color: var(--line-dark);
|
||||
}
|
||||
|
||||
.admin-overview-link strong {
|
||||
display: block;
|
||||
color: var(--text-strong);
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.admin-overview-link span {
|
||||
display: block;
|
||||
color: var(--muted);
|
||||
font-size: 13px;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.module-management-list {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.module-management-metrics {
|
||||
grid-template-columns: repeat(5, minmax(120px, 1fr));
|
||||
}
|
||||
|
||||
.module-management-row {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) 170px;
|
||||
align-items: center;
|
||||
gap: 18px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
background: var(--panel);
|
||||
box-shadow: var(--shadow);
|
||||
padding: 14px 16px;
|
||||
}
|
||||
|
||||
.module-management-row.pending {
|
||||
border-color: color-mix(in srgb, var(--amber) 60%, var(--line));
|
||||
}
|
||||
|
||||
.module-management-main {
|
||||
display: grid;
|
||||
gap: 8px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.module-management-title,
|
||||
.module-management-meta,
|
||||
.module-management-details {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.module-management-title strong {
|
||||
color: var(--text-strong);
|
||||
}
|
||||
|
||||
.module-management-title code {
|
||||
color: var(--muted);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.module-management-title span,
|
||||
.module-management-meta span,
|
||||
.module-management-details span {
|
||||
color: var(--muted);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.module-management-toggle {
|
||||
display: grid;
|
||||
gap: 8px;
|
||||
justify-self: end;
|
||||
width: 170px;
|
||||
}
|
||||
|
||||
.module-management-notes {
|
||||
display: grid;
|
||||
gap: 6px;
|
||||
color: var(--muted);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.module-management-notes p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.module-install-plan-panel {
|
||||
display: grid;
|
||||
gap: 14px;
|
||||
margin-top: 22px;
|
||||
}
|
||||
|
||||
.module-package-catalog,
|
||||
.module-installer-request-panel {
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
margin-top: 22px;
|
||||
}
|
||||
|
||||
.module-package-catalog-list {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.module-package-catalog-row {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) auto;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
background: var(--panel);
|
||||
box-shadow: var(--shadow);
|
||||
padding: 14px 16px;
|
||||
}
|
||||
|
||||
.module-package-catalog-description {
|
||||
margin: 0;
|
||||
color: var(--muted);
|
||||
font-size: 13px;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.module-installer-request-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(240px, 1fr));
|
||||
gap: 12px;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.module-installer-request-grid label {
|
||||
display: grid;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.module-installer-request-grid label span {
|
||||
color: var(--muted);
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.module-installer-request-grid textarea {
|
||||
min-height: 74px;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.module-install-plan-heading {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
gap: 18px;
|
||||
}
|
||||
|
||||
.module-install-plan-heading h2 {
|
||||
margin: 0;
|
||||
color: var(--text-strong);
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.module-install-plan-heading p,
|
||||
.module-install-plan-empty {
|
||||
margin: 6px 0 0;
|
||||
color: var(--muted);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.module-install-plan-list {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.module-install-preflight {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
background: var(--panel-soft);
|
||||
padding: 12px 14px;
|
||||
}
|
||||
|
||||
.module-install-preflight.is-blocked {
|
||||
border-color: color-mix(in srgb, var(--red) 55%, var(--line));
|
||||
}
|
||||
|
||||
.module-install-preflight.is-allowed {
|
||||
border-color: color-mix(in srgb, var(--green) 55%, var(--line));
|
||||
}
|
||||
|
||||
.module-install-preflight-title,
|
||||
.module-install-preflight-issue {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.module-install-preflight-title strong {
|
||||
color: var(--text-strong);
|
||||
}
|
||||
|
||||
.module-install-preflight-title span,
|
||||
.module-install-preflight-issue span {
|
||||
color: var(--muted);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.module-install-preflight-issues {
|
||||
display: grid;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.module-install-preflight-issue {
|
||||
min-height: 30px;
|
||||
padding: 6px 8px;
|
||||
border-radius: 4px;
|
||||
background: rgba(255,255,255,.58);
|
||||
}
|
||||
|
||||
.module-install-preflight-issue strong {
|
||||
min-width: 64px;
|
||||
text-transform: uppercase;
|
||||
color: var(--muted);
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.module-install-preflight-issue.severity-blocker strong {
|
||||
color: var(--red);
|
||||
}
|
||||
|
||||
.module-install-preflight-issue.severity-warning strong {
|
||||
color: var(--amber);
|
||||
}
|
||||
|
||||
.module-install-checklist {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.module-install-checklist-item {
|
||||
display: grid;
|
||||
gap: 4px;
|
||||
align-content: start;
|
||||
min-height: 86px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
background: rgba(255,255,255,.6);
|
||||
padding: 9px 10px;
|
||||
}
|
||||
|
||||
.module-install-checklist-item strong {
|
||||
color: var(--text-strong);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.module-install-checklist-item span {
|
||||
justify-self: start;
|
||||
border-radius: 999px;
|
||||
background: var(--panel);
|
||||
color: var(--muted);
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
padding: 4px 7px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.module-install-checklist-item p {
|
||||
margin: 0;
|
||||
color: var(--muted);
|
||||
font-size: 12px;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.module-install-checklist-item.status-blocked {
|
||||
border-color: color-mix(in srgb, var(--red) 45%, var(--line));
|
||||
}
|
||||
|
||||
.module-install-checklist-item.status-blocked span {
|
||||
color: var(--red);
|
||||
}
|
||||
|
||||
.module-install-checklist-item.status-warning,
|
||||
.module-install-checklist-item.status-pending {
|
||||
border-color: color-mix(in srgb, var(--amber) 45%, var(--line));
|
||||
}
|
||||
|
||||
.module-install-checklist-item.status-warning span,
|
||||
.module-install-checklist-item.status-pending span {
|
||||
color: var(--amber);
|
||||
}
|
||||
|
||||
.module-install-checklist-item.status-done span {
|
||||
color: var(--green);
|
||||
}
|
||||
|
||||
.module-install-plan-row {
|
||||
display: grid;
|
||||
grid-template-columns: 130px 150px 170px minmax(260px, 1fr);
|
||||
gap: 12px;
|
||||
align-items: end;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
background: var(--panel);
|
||||
box-shadow: var(--shadow);
|
||||
padding: 14px 16px;
|
||||
}
|
||||
|
||||
.module-install-plan-row label {
|
||||
display: grid;
|
||||
gap: 6px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.module-install-plan-row label span {
|
||||
color: var(--muted);
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.module-install-plan-row .wide {
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
.module-install-plan-actions {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.module-install-plan-commands {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.module-installer-runs {
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
margin-top: 22px;
|
||||
}
|
||||
|
||||
.module-installer-runs-heading {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
gap: 18px;
|
||||
}
|
||||
|
||||
.module-installer-runs-heading h2 {
|
||||
margin: 0;
|
||||
color: var(--text-strong);
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.module-installer-runs-heading p {
|
||||
margin: 6px 0 0;
|
||||
color: var(--muted);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.module-installer-run-list {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.module-installer-run-row {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) minmax(220px, 34%);
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
background: var(--panel);
|
||||
box-shadow: var(--shadow);
|
||||
padding: 14px 16px;
|
||||
}
|
||||
|
||||
.module-installer-run-main,
|
||||
.module-installer-run-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.module-installer-run-main {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.module-installer-run-title strong {
|
||||
color: var(--text-strong);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.module-installer-run-row code {
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
color: var(--muted);
|
||||
font-size: 12px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.module-installer-run-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
gap: 8px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.module-installer-run-actions code {
|
||||
flex: 1 1 auto;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.module-installer-run-error {
|
||||
margin: 0;
|
||||
color: var(--red);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
@media (max-width: 760px) {
|
||||
.module-management-row {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.module-management-toggle {
|
||||
justify-self: start;
|
||||
width: 170px;
|
||||
}
|
||||
|
||||
.module-install-plan-heading {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.module-install-plan-row {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.module-install-plan-row .wide {
|
||||
grid-column: auto;
|
||||
}
|
||||
|
||||
.module-package-catalog-row,
|
||||
.module-installer-request-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.module-installer-runs-heading,
|
||||
.module-installer-run-row {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.module-installer-run-actions {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
}
|
||||
|
||||
.admin-section-page {
|
||||
display: grid;
|
||||
gap: 16px;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.admin-section-page > .loading-frame {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.admin-page-heading {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.admin-page-actions {
|
||||
align-self: start;
|
||||
}
|
||||
|
||||
.admin-icon-actions {
|
||||
display: grid;
|
||||
grid-auto-flow: column;
|
||||
grid-auto-columns: 36px;
|
||||
justify-content: end;
|
||||
gap: 5px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.admin-icon-button.btn {
|
||||
display: inline-grid;
|
||||
place-items: center;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
min-width: 36px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.admin-icon-button.btn svg {
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
}
|
||||
|
||||
.admin-form-grid {
|
||||
display: grid;
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.admin-form-grid.two-columns,
|
||||
.admin-assignment-grid {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.admin-assignment-grid {
|
||||
display: grid;
|
||||
gap: 18px;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.admin-selection-list {
|
||||
display: grid;
|
||||
gap: 6px;
|
||||
max-height: 300px;
|
||||
overflow: auto;
|
||||
padding: 8px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--radius-sm);
|
||||
background: var(--surface-muted, #f6f7f9);
|
||||
}
|
||||
|
||||
.admin-selection-item {
|
||||
display: grid;
|
||||
grid-template-columns: 20px minmax(0, 1fr);
|
||||
align-items: start;
|
||||
gap: 9px;
|
||||
padding: 8px 9px;
|
||||
border-radius: 7px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.admin-selection-item:hover {
|
||||
background: var(--surface, #fff);
|
||||
}
|
||||
|
||||
.admin-selection-item.disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: .65;
|
||||
}
|
||||
|
||||
.admin-selection-item small {
|
||||
display: block;
|
||||
margin-top: 2px;
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
@media (max-width: 850px) {
|
||||
.admin-form-grid.two-columns,
|
||||
.admin-assignment-grid,
|
||||
.admin-permission-groups {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mail-style address editor: textarea surface + pills + add dialog. */
|
||||
.email-address-editor {
|
||||
position: relative;
|
||||
|
||||
@@ -163,3 +163,25 @@
|
||||
color: var(--muted, #5f6b7a);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.admin-dialog {
|
||||
width: min(680px, calc(100vw - 40px));
|
||||
}
|
||||
|
||||
.admin-dialog-wide {
|
||||
width: min(1040px, calc(100vw - 40px));
|
||||
}
|
||||
|
||||
.admin-dialog > .dialog-header {
|
||||
padding: 16px 18px;
|
||||
border-bottom: 1px solid var(--line);
|
||||
background: var(--panel);
|
||||
}
|
||||
|
||||
.admin-dialog > .dialog-footer {
|
||||
flex: 0 0 auto;
|
||||
padding: 12px 18px;
|
||||
border-top: 1px solid var(--line);
|
||||
background: var(--panel);
|
||||
box-shadow: 0 -8px 24px rgba(15, 23, 42, .06);
|
||||
}
|
||||
|
||||
@@ -145,6 +145,32 @@
|
||||
scrollbar-gutter: stable;
|
||||
}
|
||||
|
||||
.admin-table-surface {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.admin-table-surface > .data-grid-shell {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
min-width: 0;
|
||||
box-shadow: var(--shadow-card, 0 2px 10px rgba(0,0,0,.06));
|
||||
}
|
||||
|
||||
.card-body > .admin-table-surface:only-child {
|
||||
margin: -22px -24px;
|
||||
width: calc(100% + 48px);
|
||||
max-width: inherit;
|
||||
}
|
||||
|
||||
.card-body > .admin-table-surface:only-child > .data-grid-shell {
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.card-body > .data-grid-shell:only-child {
|
||||
margin: -22px -24px;
|
||||
width: calc(100% + 48px);
|
||||
|
||||
Reference in New Issue
Block a user