Text Wrapping Issue
Posted: Wed Dec 15, 2021 9:52 pm
Script URL: Hesk Desk
Version of script: 3.2.4
Hosting company: www.hostcolor.com
URL of phpinfo.php: https://support.betterbee.com/phpinfo.php
URL of session_test.php: https://support.betterbee.com/session_test.php
What terms did you try when SEARCHING for a solution: wrap, wrapping, chrome
Write your message below:
I had two users complain that long URLs were not wrapping so they could not see the ticket page until they shrunk the screen a lot. They are using Chrome Version 96.0.4664.93. The URLs did a word wrap in Internet Explorer 11 but not in MS Edge or Chrome. I did not try other browsers.
The URLs that did not wrap were google content links that were 6 lines when they did wrap after the update below.
I added the word-break line in the section below to the app.css files (app.css and app.min.css) in the webroot/css and webroot/theme/hesk3/customer/css directories. So app.css now looks like this at about line 1641 (and same corresponding spot in app.min.css:
:root * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-overflow-scrolling: touch;
word-break: break-word
}
I am not sure if I have something set up incorrectly that makes chrome do this or if the CSS I added is correct, but it works.
I hope this helps anyone else that cannot see things correctly.
This was in the base theme as well as the new Ocean Blue. I do like the new theme, and we will probably work on customizing colors in that.
Thank you for the nice work being done on Hesk!
Chris
Version of script: 3.2.4
Hosting company: www.hostcolor.com
URL of phpinfo.php: https://support.betterbee.com/phpinfo.php
URL of session_test.php: https://support.betterbee.com/session_test.php
What terms did you try when SEARCHING for a solution: wrap, wrapping, chrome
Write your message below:
I had two users complain that long URLs were not wrapping so they could not see the ticket page until they shrunk the screen a lot. They are using Chrome Version 96.0.4664.93. The URLs did a word wrap in Internet Explorer 11 but not in MS Edge or Chrome. I did not try other browsers.
The URLs that did not wrap were google content links that were 6 lines when they did wrap after the update below.
I added the word-break line in the section below to the app.css files (app.css and app.min.css) in the webroot/css and webroot/theme/hesk3/customer/css directories. So app.css now looks like this at about line 1641 (and same corresponding spot in app.min.css:
:root * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-overflow-scrolling: touch;
word-break: break-word
}
I am not sure if I have something set up incorrectly that makes chrome do this or if the CSS I added is correct, but it works.
I hope this helps anyone else that cannot see things correctly.
This was in the base theme as well as the new Ocean Blue. I do like the new theme, and we will probably work on customizing colors in that.
Thank you for the nice work being done on Hesk!
Chris