search

0aveRyan / chatterbox

Create chat threads using WordPress Blocks inside app and device wrappers.
https://wordpress.org/plugins/chatterbox/
GNU General Public License v2.0
20 stars 2 forks source link

Update CSS overrides to allow for better line-length truncation inside the devices #3

Open 0aveRyan opened 4 years ago

0aveRyan commented 4 years ago

For various alignment reasons, message bodies are getting set to fit-content, however sometimes this breaks nice sizing handled by the salesforce chat components. This hack was necessary for spacing and alignments inside the devices. This should get scoped down and tested so it at least doesn't affect the default styles without devices.

Related: https://github.com/picturepan2/devices.css/issues/6#issuecomment-515136069

Naephus commented 3 years ago

Hey ! Love the extension, I'm using it on my blog.

I've seen trouble with Microsoft Edge related to fit-content tag, columns were very small (31px) and unreadable. I fixed it for now by customizing the file chatterbox-style.css with the following code :

.wp-block-chatterbox-message .slds-chat-message__text { font-size: 16px; }

Basically I removed the max-width: fit-content tag, and it worked.

Cheers