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

fix(edit-content-type) check it out in WYSIWYG field has broken styles #27341 #30250

Conversation

valentinogiardino
Copy link
Contributor

@valentinogiardino valentinogiardino commented Oct 4, 2024

Proposed Changes

  • Updated the dot-convert-to-block-info.component.html template to use the label property of PrimeNG pButton instead of manually setting the button label inside the button element.
  • Imported the ButtonModule from PrimeNG in the dot-convert-to-block-info.component.spec.ts to properly support the pButton directive and its label property in tests.

Checklist

  • Tests
  • Translations
  • Security Implications Contemplated.

Additional Info

This update ensures that the pButton directive from PrimeNG correctly handles the button label by using the label property, allowing for more maintainable and PrimeNG-compliant code. Previously, the button label was manually rendered inside the button, which lead to styling issues.

Screenshots

Original Updated
image image

This PR fixes: #27341

Copy link

@valentinogiardino valentinogiardino added this pull request to the merge queue Oct 4, 2024
Merged via the queue into main with commit 77ef429 Oct 4, 2024
21 checks passed
@valentinogiardino valentinogiardino deleted the issue-27341-check-it-out-button-in-editing-a-wysiwyg-field-has-broken-styles branch October 4, 2024 19:21
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.

Check it out button in editing a WYSIWYG field has broken styles
3 participants