Skip to content

feat(timeplanning): add locked and reconciled day-cell styles - #8068

Merged
renemadsen merged 1 commit into
stablefrom
feat/reconciled-day-lock-styles
Sep 17, 2026
Merged

renemadsen merged 1 commit into
stablefrom
feat/reconciled-day-lock-styles

Conversation

@renemadsen

Copy link
Copy Markdown
Member

Styles for the time-planning Reconciled ("Afstemt") day lock. Per house rules, all SCSS lives here, not in the plugin. Plugin side: microting/eform-angular-timeplanning-plugin#1711 (backend), with the frontend PR to follow.

What it styles

  • Locked day (before a reconciled day): diagonal hatch on a neutral tint, not-allowed cursor, dimmed content.
  • Reconciled boundary day: flat tint with a 3px seal-coloured right border. Across the grid this draws the per-worker staircase line.
  • Seal glyph: the filled verified icon. It beats the theme-workspace override that forces Material Symbols Outlined, which is loaded with FILL fixed at 0.
  • Also styled: the legend under the grid, the bulk-reconcile preview and scope bar, the dialog footer states, and a sticky row-selection column.

Constraints respected

  • Theme-agnostic. Works under theme-eform and theme-workspace. Dark mode switches via body.theme-dark, not prefers-color-scheme. New tokens: --tp-locked-bg, --tp-locked-hatch, --tp-preview-hatch, --tp-seal-ink.
  • Colour is never the only signal. Texture, glyph, cursor and tooltip carry the state too. Bare <td> rules mirror the four existing *-background classes, so the old status colour never frames a locked cell.
  • Nothing else is affected. Existing rules are untouched (349 lines added, 0 changed), and everything is scoped to the time-planning grid.

Compiled clean with the repo's own sass. It is inert until the plugin UI emits these classes.

🤖 Generated with Claude Code

Add the hatch texture for locked days and the seal-ink border marking
the reconciled boundary day, plus styles for the lock legend, bulk
reconcile preview, scope bar and dialog footer. Theme-agnostic across
theme-eform and theme-workspace, with dark mode via body.theme-dark.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Copilot AI lite review requested due to automatic review settings September 15, 2026 16:38

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot encountered an error and was unable to review this pull request. You can try again by re-requesting a review.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants