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

Paragraph: Improve inspector interface for Drop cap #51481

Open
jasmussen opened this issue Jun 14, 2023 · 1 comment
Open

Paragraph: Improve inspector interface for Drop cap #51481

jasmussen opened this issue Jun 14, 2023 · 1 comment
Labels
[Block] Paragraph Affects the Paragraph Block Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.

Comments

@jasmussen
Copy link
Contributor

The Paragraph block supports a drop cap. However the lack of options means it isn't enabled in very many themes, since the feature does not support customizing the drop cap in many ways at all. Potentially we can add such customization controls by leveraging a combined toggle with a flyout menu, somewhat similar to how the Border control combines a slider with a flyout:

Drop Cap i6
  • The toggle simply enables or disables, the small icon left to it shows the preset
  • Clicking the preset button shows a flyout with a few different types of presets (small drop cap, big drop cap, pulled up and left, pulled left)
  • The flyout affords the space to show lines to span, and number of characters to apply the drop cap to
  • A color panel with text and background options
  • A radius control, in case you want a rounded drop cap background

What do you think?

Related, a similar flyout interface for the List block: #51480

@jasmussen jasmussen added [Type] Enhancement A suggestion for improvement. Needs Design Feedback Needs general design feedback. [Block] Paragraph Affects the Paragraph Block labels Jun 14, 2023
@beafialho
Copy link

I think all the options added are useful 🚢

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Paragraph Affects the Paragraph Block Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

2 participants