Fixed the chat containers size - Githubissues

Azordev / dasher-user

ONLINE ACCESS SYSTEM FOR CUSTOMER AND CONSUMER MONITORING.

https://dev--azordev-dasher-user.netlify.app/

Apache License 2.0

2 stars 4 forks source link

Fixed the chat containers size #215

Closed heliomar-pena closed 2 years ago

heliomar-pena commented 2 years ago

Description

I have added the styles described at the issue to improve the visualization of chat view.

fixes #198

Screenshots

Now: imagen

Before: imagen

Type of change

[x] Breaking change (fix or feature that would cause existing functionality to not work as expected)

How to test it

To access to this view try accessing to /chat/1 route

Example: https://dev--azordev-dasher-user.netlify.app/chat/1

Checklist:

[x] Chat bubbles are not occupying 100% of width, only the space required for the message to show as in the screenshot. This will allow the user to read better and differenciate between their messages and delivery messages
[x] The input container background should be yellow, this change was to be done at delivery app and should be applied here.
[x] The input to send message should have the same width that the chat's body container
[x] Try to look if other containers needs to be fixed on this view

netlify[bot] commented 2 years ago

✔️ Deploy Preview for azordev-dasher-user ready!

🔨 Explore the source changes: 296224368e10eacea27ed65ee733e437be636deb

🔍 Inspect the deploy log: https://app.netlify.com/sites/azordev-dasher-user/deploys/61f9961a3a3ed800089bb18d

😎 Browse the preview: https://deploy-preview-215--azordev-dasher-user.netlify.app

e-azocar commented 2 years ago

Please check this. In this new version the very large texts are not ok

dev

https://dev--azordev-dasher-user.netlify.app/chat/1

fix/#198

https://deploy-preview-215--azordev-dasher-user.netlify.app/chat/1

e-azocar commented 2 years ago

The problem is fixed, but now this happens

e-azocar commented 2 years ago

@Israel-Laguan can be merged?