Addresses https://github.com/thoth-pub/thoth/issues/571 by adding word-wrap: break-word; as inline CSS to Landing Page and Full Text URL fields so that URL text wraps instead of overlapping. This fixes a display issue only present in Safari and Chromium Browsers, and also slightly changes display behavior in Firefox. Before, URLs in Firefox would only break at special characters, e.g. ? or /; now, they break whenever they reach the bounds of the div, on any character.
Before in Firefox:
After in Firefox:
This arguably makes the URLs slightly less readable, but prevents them from overflowing the div and potentially overlapping other URLs or text in the Locations section.
Addresses https://github.com/thoth-pub/thoth/issues/571 by adding
word-wrap: break-word;
as inline CSS to Landing Page and Full Text URL fields so that URL text wraps instead of overlapping. This fixes a display issue only present in Safari and Chromium Browsers, and also slightly changes display behavior in Firefox. Before, URLs in Firefox would only break at special characters, e.g.?
or/
; now, they break whenever they reach the bounds of thediv
, on any character.Before in Firefox:
After in Firefox:
This arguably makes the URLs slightly less readable, but prevents them from overflowing the
div
and potentially overlapping other URLs or text in the Locations section.