Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
See screenshot. The text is not showing in the teaser.
Reason: the CSS calc function in not working correctly in Firefox and thus the width is not calculated correctly. The browser sets it to zero, so we do not see any text.
Quick fix: overwrite the width in the subtheme with 85%:
.teaser__published {
width: 85%;
}
Proposed solution: reverse author and date fields, so author can be truncated is a more simple way. Remove inline-flex and calc properties.
Comment | File | Size | Author |
---|---|---|---|
Screen Shot 2017-03-09 at 13.36.34.jpg | 28.42 KB | maikelkoopman |
Comments
Comment #2
xinyuma CreditAttribution: xinyuma commentedHi Maikel,
As a solution, I think maybe we should even put the date in a new line. Hope this makes it technically simpler and design wise making it clearer. The date shouldn't appear behind a person icon ;-)
Cheers,
Xinyu
Comment #3
xinyuma CreditAttribution: xinyuma commentedAnother solution could be, we put date behind the topic type, so it can be read as 'a news created on 2 Jan, 2017' for example.
Comment #4
peter.polman CreditAttribution: peter.polman as a volunteer and for Open Social commentedComment #5
peter.polman CreditAttribution: peter.polman as a volunteer and for Open Social commentedComment #6
ronaldtebrake CreditAttribution: ronaldtebrake as a volunteer and for Open Social commentedFixed as part of: https://github.com/goalgorilla/open_social/pull/303