Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New Block: Add Read Progress block #69345

Draft
wants to merge 2 commits into
base: trunk
Choose a base branch
from

Conversation

Infinite-Null
Copy link
Contributor

Related PR: #68652
PR Comment: #68652 (comment)

What?

Why?

How?

Testing Instructions

Testing Instructions for Keyboard

Screenshots or screencast

Before After

- Create new core/read-progress block for tracking reading progress
- Add styles with scroll animation timeline for tracking progress
- Register block in PHP and include in block registry
- Implement edit and save components with fixed position styling
- Add block.json with metadata and configuration
- Include proper admin bar positioning for WordPress admin interface
- Create animation keyframes for smooth progress visualization
- Add block to core block list in both PHP and JS registrations
@Mamaduka Mamaduka added [Type] Enhancement A suggestion for improvement. New Block Suggestion for a new block labels Feb 27, 2025
- Add backgroundColor and progressColor attributes to block.json with defaults
- Add color settings panel in the block inspector controls
- Update edit.js to use color attributes and handle color changes
- Update save.js to apply selected colors to the rendered block
- Ensure color settings persist through block
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
New Block Suggestion for a new block [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants