3117e80027
PlanGrid's bespoke plan.css surface is replaced by a styled(Box) wrapper that scopes all the grid + chip rules and pulls every color from the theme palette via theme.vars (auto light/dark — no more [data-theme] CSS-var blocks). Sticky header + date column, marker-tape cells, category color via the per-cell --cat-color var, weekend/today treatment, hover affordances, the '+' empty hint, and the one-shot mutation pulse are all preserved; the paper-grain/ruled-paper texture was dropped for a clean MUI surface. plan.css trimmed from ~1150 lines to just the category-manager modal rows (the grid is MUI now; the toolbar/banner/day-choice modal had already moved to MUI components). Verified on /plan-work in both light and dark. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
61 lines
1.6 KiB
CSS
61 lines
1.6 KiB
CSS
/* ============================================================================
|
|
Plán prací — leftover bespoke styles.
|
|
|
|
The planner GRID is now fully MUI/theme-driven (see PlanGrid's styled()
|
|
wrapper), and the toolbar / range label / banner / day-choice modal were
|
|
migrated to MUI components. Only the category-manager modal rows remain
|
|
here; they keep a single paper-rule token for their swatch/divider borders.
|
|
============================================================================ */
|
|
|
|
:root {
|
|
--plan-paper-rule: rgba(20, 20, 24, 0.08);
|
|
}
|
|
[data-theme="dark"] {
|
|
--plan-paper-rule: rgba(255, 255, 255, 0.06);
|
|
}
|
|
|
|
/* Category manager modal rows */
|
|
.plan-cat-manager {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
}
|
|
.plan-cat-row {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
.plan-cat-row--inactive {
|
|
opacity: 0.55;
|
|
}
|
|
.plan-cat-row .admin-form-input {
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|
|
.plan-cat-color {
|
|
width: 34px;
|
|
height: 34px;
|
|
padding: 0;
|
|
border: 1px solid var(--plan-paper-rule);
|
|
border-radius: 6px;
|
|
background: none;
|
|
cursor: pointer;
|
|
flex: 0 0 auto;
|
|
}
|
|
.plan-cat-row--new {
|
|
margin-top: 6px;
|
|
padding-top: 10px;
|
|
border-top: 1px dashed var(--plan-paper-rule);
|
|
}
|
|
/* The per-row delete trigger reads quieter than the solid danger confirm
|
|
button it turns into; keep it an outline until the user commits. */
|
|
.plan-cat-delete.admin-btn-danger {
|
|
background: transparent;
|
|
color: var(--danger);
|
|
border: 1px solid color-mix(in srgb, var(--danger) 40%, transparent);
|
|
}
|
|
.plan-cat-delete.admin-btn-danger:hover:not(:disabled) {
|
|
background: color-mix(in srgb, var(--danger) 12%, transparent);
|
|
color: var(--danger);
|
|
}
|