Issue 13435

The text for the featured stories breaks over in t...

13435
Reporter: ahahn
Assignee: mdoering
Type: Bug
Summary: The text for the featured stories breaks over in t...
Priority: Blocker
Resolution: Fixed
Status: Closed
Created: 2013-07-02 12:30:10.19
Updated: 2013-08-22 09:46:01.67
Resolved: 2013-08-22 09:44:58.727
        
        
Description: The text for the featured stories breaks over in the middle of words, rather than at space characters (see screenshot).
Same for GBIF News further down the same page.]]>
    

Attachment BrokenFeaturedText_1_staging_20130820.png


Attachment BrokenFeaturedText_2_uat_20130820.png


Attachment Featured_linebreaks.png


Attachment occurrence611470480.png


Attachment Screen Shot 2013-08-20 at 13.08.14.png



Author: trobertson@gbif.org
Comment: Please review the line breaking behaviour in the CSS - Tim H. repeatedly asks for this to be fixed.  I believe it is different across browsers too.
Created: 2013-08-19 12:06:33.887
Updated: 2013-08-19 12:06:33.887


Author: mdoering@gbif.org
Created: 2013-08-20 13:09:47.707
Updated: 2013-08-20 13:10:21.506
        
I cant see this behaviour, neither on UAT nor staging:

http://uat.gbif.org/newsroom/summary
http://staging.gbif.org/drupal/newsroom/summary

See also attached screenshot
    


Author: ahahn@gbif.org
Comment: The issue remains, at least for my browser and then probably also others' - fresh screenshots attached
Created: 2013-08-20 13:14:22.586
Updated: 2013-08-20 13:14:22.586


Author: ahahn@gbif.org
Created: 2013-08-20 13:16:12.78
Updated: 2013-08-20 13:37:06.577
        
Broken for Firefox 23.0.1 on Windows 7. Ok with Opera v. 12.16. Broken with IE 10

The odd linebreak only appears in the top featured story, where the text is left of the image. The texts under the three images in the next following section wraps over correctly.
    


Author: ahahn@gbif.org
Comment: Similar effects also on other pages, here http://uat.gbif.org/occurrence/611470480 (see attached screenshot)
Created: 2013-08-20 13:41:47.656
Updated: 2013-08-20 13:42:07.319


Author: mdoering@gbif.org
Created: 2013-08-20 13:57:28.981
Updated: 2013-08-20 13:57:28.981
        
Ill try to support FF 20+, but most CSS issues will be tackled by Javier soon:
http://dev.gbif.org/issues/browse/POR-664

    


Author: mdoering@gbif.org
Created: 2013-08-21 19:19:48.567
Updated: 2013-08-21 19:19:48.567
        
The latest patch should have removed any word breaking unless the word is so large that it is exceeds a whole line.
Can someone that saw the issue before please verify that it is now looking good?
http://staging.gbif.org/drupal/newsroom/summary
    


Author: fmendez@gbif.org
Comment: Negative Markus, I still see the linebreaks
Created: 2013-08-22 08:53:40.163
Updated: 2013-08-22 08:53:40.163


Author: mdoering@gbif.org
Comment: The drupal portal on staging apparently does not use the latest css files from staging but the static one from UAT, see blocking issue POR-666
Created: 2013-08-22 09:34:46.383
Updated: 2013-08-22 09:34:46.383


Author: mdoering@gbif.org
Comment: with drupal using the latest css staging is looking fine
Created: 2013-08-22 09:44:58.759
Updated: 2013-08-22 09:44:58.759


Author: trobertson@gbif.org
Comment: Thanks all.  Confirmed by Fede and Andrea that it now works on FF (Mac and Windows) and IE 10.0.8 (Andrea's machine)
Created: 2013-08-22 09:46:01.67
Updated: 2013-08-22 09:46:01.67