Chat size

Stb9612

New Member
Mar 28, 2018
16
2
Hi,

How do I make this chat bigger? I've looked everywhere to see if I'm squinting...

I looked in ui-config.json but found nothing

can anyone help me or tell me which file and line it is in?
 

Attachments

  • image.png
    image.png
    1.9 KB · Views: 36

quakm

New Member
Sep 24, 2024
7
9
Hi,

How do I make this chat bigger? I've looked everywhere to see if I'm squinting...

I looked in ui-config.json but found nothing

can anyone help me or tell me which file and line it is in?
"ChatInputView.tsx" line 241 in the nitro-react project could be the right place.

You must be registered for see images attach


You need to rebuild the project after changing the code.

I'm quoting myself from another thread where a similar question was asked about another component that someone else wanted to customize:

Probably the easiest way to change the text size is to edit the ChatWidgetMessageView.tsx - more specifically on line 88 / 89. You can change it there with inline styling or better yet, add some css to the “message” class in ChatWidgetView.scss (the one you're looking for starts on line 76).

Regardless, I highly recommend adding a new CSS class and customizing it. This step is simple and ensures that your changes will not have a negative impact on other elements (where you don't want this behavior). As always, it is better to add your own classes/options/settings. This can lead to more work, but gives you much more control and does not lead to unwanted behavior.

Also this could be important for you too:

However, this could lead to some unfamiliar behaviors for users with smaller desktops. I'm also not sure if this is the best way as I don't know if there is any property or setting to change this - so far I haven't found any.
 

Users who are viewing this thread

Top