fix (admin & sdk): text-area out of bounds when resized by paanSinghCoder · Pull Request #1452 · raystack/frontier
📝 Walkthrough
Summary by CodeRabbit
- Style
- Improved email textarea styling in invitation dialogs. Email input fields in user and member invitation workflows now feature vertical-only resizing with full-width display and optimized maximum height constraints. These changes enhance visual consistency, provide better form organization, and improve the overall user experience when managing invitations across admin and member management sections.
Walkthrough
This PR adds CSS styling to TextArea components in two invite dialog interfaces. It applies a new className to email input fields and defines corresponding CSS classes to control textarea resizing and dimensions using CSS variables.
Changes
| Cohort / File(s) | Summary |
|---|---|
Email TextArea CSS Styling web/sdk/admin/views/organizations/details/layout/layout.module.css, web/sdk/react/components/organization/organization.module.css |
Added new CSS classes for textarea styling with properties: resize: vertical, width: 100%, and max-height: var(--rs-space-17). |
Dialog Components web/sdk/admin/views/organizations/details/layout/invite-users-dialog.tsx, web/sdk/react/views/members/invite-member-dialog.tsx |
Applied className props to TextArea components referencing the new CSS classes for styling email input fields. |
Estimated code review effort
🎯 1 (Trivial) | ⏱️ ~3 minutes
Possibly related PRs
- fix (users): email text-area out of bounds on resize #1435: Applies the same
.invite-users-emails-textareaCSS class to the email TextArea component to prevent out-of-bounds resizing.
Suggested labels
bug
Suggested reviewers
- rohilsurana
- rohanchkrabrty
- rsbh
📝 Coding Plan
- Generate coding plan for human review comments
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.
Comment @coderabbitai help to get the list of available commands and usage tips.