Is there a fix for the word wrapping mid word

In this sample (from the Telligent Community site), the thread title wraps in the middle of the word.  This is happening in our Dev environment (we are upgraded to V10 from V8.5) and it is highly disliked.  In V8.5, the wrapping occurs normally with full word wrapped to new line rather than the middle of the word.

Any fix for this?  I suspect this is a widget function but not sure.  Occurs in variety of areas (thread list, thread view).

Parents
  • This was logged as:

    TE-9219: Post Titles Do No Word Break When Wrapping

    Completed for 10.1.3.8316

    and was fixed for the December service release of 10.1.

    The manual fix is to edit the format-content.less file in the Social site theme and replace:

    word-break: break-all;

    with

    word-wrap: break-word;

    There should be 2 occurrences.

    Additionally, in mixins.less, you can edit the rule:

    .hyphenate {
      	word-wrap: break-word;
     	-webkit-hyphens: auto;		
     	-moz-hyphens: auto;		
     	hyphens: auto;		
    }

    to be just:

    .hyphenate {
        word-wrap: break-word;
    }

    and publish these changes. This will resolve the issue. There were some other changes to enable better word wrapping in other areas, but these two changes will prevent the aggressive word breaking.

  • I went through format-content.less and mixins.less and made adjustements (thre was more than 2 in format-content.less, but no change - even after clearing cache.

    Our only other option is to reduce font size/weight so it is not as prominent, but that is not particularly desirable.

  • Did you do this through the UI or directly against the file system. If you did it against the file system, you won't see the changes until the LESS is reprocessed. If your site is in development mode, you can go to Administration > Development > Expire Caches > Expire UI Caches and Data to force the CSS to be regenerated. Otherwise, you can delete the filestorage/themefiles/h folder, restart the application, and clear your browser cache.

  • It was done in the UI. I went to top site and edited theme and edited the .less files and published.

    Is the filestorage/themefiles/h folder a temp cache for the themes?  So, if I delete, it rebuilds (or regenerates) it.

    Todd

Reply Children