Reply to thread

Message

<blockquote data-quote="quakm" data-source="post: 483501" data-attributes="member: 124956">Hey, like I already told you on discord... <img src="/styles/default/xenforo/smilies/emojione/biggrin.png"&nbsp; class="smilie" loading="lazy" alt=":D" title="Big Grin&nbsp; &nbsp; :D" data-shortname=":D" />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.[ATTACH=full]16461[/ATTACH]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.You'll need the source code of the Nitro React project to do this (You definitly have it since you already setup your Retro Project with Nitro). Customize your copy of the source code and rebuild the project (like how you setup the whole nitro client) and replace it with your current project.</blockquote>

[QUOTE="quakm, post: 483501, member: 124956"] Hey, like I already told you on discord... :D 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. [ATTACH type="full" align="left" width="358px" alt="1727788405219.png"]16461[/ATTACH] 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. You'll need the source code of the Nitro React project to do this (You definitly have it since you already setup your Retro Project with Nitro). Customize your copy of the source code and rebuild the project (like how you setup the whole nitro client) and replace it with your current project. [/QUOTE]

Verification

Reply to thread

Connect with us

Newest members