Visual builder: per-block style panel #64

Open
opened 2026-10-26 09:11:26 -04:00 by vmanne-poc · 0 comments
Owner

Part of #19.

Goal

Selecting a block opens a side panel with the settings for that block type.

Requirements

  • Text and heading: font family, size, weight, line height, colour, alignment, spacing (margin/padding).
  • Button: label, link URL, background colour, text colour, corner radius, width (full width or auto), alignment, border (width, style, colour).
  • Image: upload a file or paste a URL; alt text is required; width; optional link; alignment. Uploads are stored locally by Postak.
  • Any block: background colour and padding.
  • Values left empty inherit from the template theme. A 'Reset to theme' control clears a block's overrides.
  • Changes show on the canvas right away and are undoable.
  • All controls have labels and work by keyboard.

Acceptance

  • Each listed setting changes the canvas and the generated HTML.
  • An image block without alt text can't be saved and shows a clear message.
  • Uploaded images are served by Postak and stay available after a restart.
Part of #19. ## Goal Selecting a block opens a side panel with the settings for that block type. ## Requirements - Text and heading: font family, size, weight, line height, colour, alignment, spacing (margin/padding). - Button: label, link URL, background colour, text colour, corner radius, width (full width or auto), alignment, border (width, style, colour). - Image: upload a file or paste a URL; alt text is required; width; optional link; alignment. Uploads are stored locally by Postak. - Any block: background colour and padding. - Values left empty inherit from the template theme. A 'Reset to theme' control clears a block's overrides. - Changes show on the canvas right away and are undoable. - All controls have labels and work by keyboard. ## Acceptance - Each listed setting changes the canvas and the generated HTML. - An image block without alt text can't be saved and shows a clear message. - Uploaded images are served by Postak and stay available after a restart.
Sign in to join this conversation.
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
vmanne-poc/Postak#64
No description provided.