search

Hirenachhaada / Mern-Chat-Application

1 stars 11 forks source link

Align the dropdown for Copy and Delete Message appropriately #3

Closed Hirenachhaada closed 8 months ago

Hirenachhaada commented 9 months ago

image On hovering a particular message it provides a drop-down for copy and delete message. The alignment is not proper. Improve it.

involk-secure-1609 commented 9 months ago

can i be assigned this issue

Hirenachhaada commented 9 months ago

One issue at a time only

SimonShangpliang commented 9 months ago

can i be assigned this issue

Hirenachhaada commented 9 months ago

@SimonShangpliang you can work on it

SimonShangpliang commented 9 months ago

dark mode light mode

is this fine or do you want another color for something?

Hirenachhaada commented 9 months ago

it's nice, but the main issue was with the alignment or say, position. This means when you click on the message which is on the right side then the dropdown should appear in the right side, similarly the message on left side should bring the dropdown for copy and delete on the left side of the screen.

SimonShangpliang commented 9 months ago

I am working on it , will be done by 10/12/2023 EOD

Hirenachhaada commented 9 months ago

ok

SimonShangpliang commented 9 months ago

left 1 left 2 right width Is this fine? it was quite difficult to maintain widths of containers but i used UseLayoutEffects to update widths each time message is added, and UseState to maintain widths of all messages in order for proper alignment of left margin on left side messages.

SimonShangpliang commented 9 months ago

@Hirenachhaada

Hirenachhaada commented 8 months ago

Looking nice. You can create the pull request