Skip to content

Pro 7348 #4906

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

Merged
merged 3 commits into from
Apr 10, 2025
Merged

Pro 7348 #4906

merged 3 commits into from
Apr 10, 2025

Conversation

ValJed
Copy link
Contributor

@ValJed ValJed commented Apr 8, 2025

https://linear.app/apostrophecms/issue/PRO-7348/rich-text-toolbar-resize-weirdly-when-too-long
https://linear.app/apostrophecms/issue/PRO-7497/the-insert-image-title-becomes-invisible-in-blue-against-a-dark-purple

Summary

  • Fixes rich text toolbar size. Make it takes max-content to not be limited to parent width. But also a max-wdith to not go above screen width.
  • Text color of insert menu focused element was easily overridable from other style like palette, I made it more precise so harder to override.

What are the specific steps to test this change?

Check tickets.

What kind of change does this PR introduce?

  • Bug fix
  • New feature
  • Refactor
  • Documentation
  • Build-related changes
  • Other

Make sure the PR fulfills these requirements:

  • It includes a) the existing issue ID being resolved, b) a convincing reason for adding this feature, or c) a clear description of the bug it resolves
  • The changelog is updated
  • Related documentation has been updated
  • Related tests have been updated

Copy link

linear bot commented Apr 8, 2025

@ValJed ValJed requested a review from stuartromanek April 8, 2025 15:34
width: max-content;
max-width: 95vw;
}

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Check that toolbar can go beyond parent width (editor) but still shrink to stay visible when window resize.

.apos-rich-text-insert-menu-label__title,
.apos-rich-text-insert-menu-label__desc {
color: var(--a-white);
}
Copy link
Contributor Author

Choose a reason for hiding this comment

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

More strict style to be less overridable.

Copy link
Member

@stuartromanek stuartromanek left a comment

Choose a reason for hiding this comment

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

🎉

@boutell boutell merged commit 74f82b7 into main Apr 10, 2025
9 checks passed
@boutell boutell deleted the pro-7348 branch April 10, 2025 13:59
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.

3 participants