Feeling Lucky
[#819] - Bad responsive display of the projects table
- Closed
- 9 Jul 2016
- Medium
- Build: master
- # 819
Steps to reproduce the issue
Under 580px, there is an horizontal scrolling due to the last column.
Expected result
It's possible to have this display:
But, as we have an inline-style for these <td>, it means removing it and replacing it by a custom class
with this declaration:
white-space: pre-line;
Actual result
Additional comments
I'm not really good in responsive table, maybe someone has a better solution?
| Title |
|
||||||
| Title |
|
||||||
Sandra97
- comment
- 9 Jul 2016
I don't think removing the nowrap will change the display on phones, but I can be wrong ;)
mbabker
- comment
- 9 Jul 2016
Well, I pushed that change. Let's see what happens?
Sandra97
- comment
- 9 Jul 2016
Did I already mention you're a Super Hero? ;)
| Status | New | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2016-07-09 18:37:13 |
| Closed_By | ⇒ | Sandra97 |
Our responsiveness with tables is a wreck to say the least. And I'm the wrong person to ask on how to cope with that; my fix on
framework.joomla.orgto deal with excessively wide tables was to hide some columns with BS3hidden-xs hidden-smclasses.Just playing with it quickly, removing the inline style seems to be enough. No need for the additional CSS.