#2172 closed defect (bug) (duplicate)
Support Theme: 3 up forums list needs consistent CSS units
Reported by: | bcworkz | Owned by: | |
---|---|---|---|
Milestone: | Priority: | normal | |
Component: | Support Forums | Keywords: | ui-feedback has-screenshots |
Cc: |
Description
To prevent potential clipping as shown in attached screenshot, (the "View forum >" links in two instances) the individual div heights should be a multiple of font height and line height properties and use the same units.
Right now font height is 0.8rem and line height is 1.5, which may be fine, but the div height is 200px. The units here should match the font height, i.e. rem. As things stand, I suggest 10.8rem (0.8 * 1.5 * 9) is a better div height than an arbitrary pixel height. This accounts for variances in browser and user provided fonts and sizing.
Of course the final rem height would need to be adjusted once the forum titles and descriptions are finalized. Further accommodation may be needed due to different lengths of translated content.
Attachments (1)
Change History (4)
#1
@
8 years ago
We could probably solve this in a much cleaner fashion by using flex (and maintain BC for older browsers if we want with flexibility), we could then do away with the fixed height altogether and not have to worry about font sizes and the likes.
Clipped links on forums landing page