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

Added Divider in ChatInputFormattingToolbar . #877

Open
wants to merge 1 commit into
base: develop
Choose a base branch
from

Conversation

AyushKumar123456789
Copy link

@AyushKumar123456789 AyushKumar123456789 commented Jan 12, 2025

Brief Title

Enhance the ChatInputFormattingToolbar component by adding vertical dividers between the following elements for improved UI clarity and match the styling of Rocket.chat

  • Emoji and Bold
  • Link and Audio Message

Acceptance Criteria fulfillment

  • Vertical dividers are added and visually separate Emoji and Bold, as well as Link and Audio Message.
  • Ensure the feature works seamlessly in both light and dark modes.
  • Ensure the separators use theme.colors.border fetched dynamically using useTheme.

Fixes #876

Video/Screenshots

image

PR Test Details

Note: The PR will be ready for live testing at https://rocketchat.github.io/EmbeddedChat/pulls/pr-<pr_number> after approval. Contributors are requested to replace <pr_number> with the actual PR number.

@AyushKumar123456789 AyushKumar123456789 changed the title Added Divider in cahtinputformatingToolbar . Added Divider in ChatInputFormattingToolbar . Jan 12, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
1 participant