Bugzilla – Full Text Bug Listing
| Summary: | New table layout not mobile friendly | ||||||
|---|---|---|---|---|---|---|---|
| Product: | Community | Reporter: | Holger Bruch <holger.bruch> | ||||
| Component: | Marketplace | Assignee: | Martin Lowe <martin.lowe> | ||||
| Status: | RESOLVED FIXED | QA Contact: | |||||
| Severity: | normal | ||||||
| Priority: | P3 | CC: | chris.guindon | ||||
| Version: | unspecified | ||||||
| Target Milestone: | --- | ||||||
| Hardware: | Other | ||||||
| OS: | iOS | ||||||
| Whiteboard: | stalebug | ||||||
| Attachments: |
|
||||||
Is this screenshot from the homepage? The screenshot is from the metrics->Successfull installs-> Alltimes page, accessed via safari. I see what you mean now!
After a bit of investigation we found that there is two possible solutions for this problem.
1) Disable responsive table for all tables.
--or---
2) Remove white-space: nowrap; from .table-responsive>
media="all"
@media screen and (max-width: 767px)
.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
white-space: nowrap;
}
This bug hasn't had any activity in quite some time. Maybe the problem got resolved, was a duplicate of something else, or became less pressing for some reason - or maybe it's still relevant but just hasn't been looked at yet. If you have further information on the current state of the bug, please add it. The information can be, for example, that the problem still occurs, that you still want the feature, that more information is needed, or that the bug is (for whatever reason) no longer relevant. -- The automated Eclipse Genie. This bug hasn't had any activity in quite some time. Maybe the problem got resolved, was a duplicate of something else, or became less pressing for some reason - or maybe it's still relevant but just hasn't been looked at yet. If you have further information on the current state of the bug, please add it. The information can be, for example, that the problem still occurs, that you still want the feature, that more information is needed, or that the bug is (for whatever reason) no longer relevant. -- The automated Eclipse Genie. (In reply to Christopher Guindon from comment #3) > I see what you mean now! > > After a bit of investigation we found that there is two possible solutions > for this problem. > > 1) Disable responsive table for all tables. > > --or--- > > 2) Remove white-space: nowrap; from .table-responsive> > > media="all" > @media screen and (max-width: 767px) > .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, > .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, > .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td { > white-space: nowrap; > } Closing this issue since we have a solution. |
Created attachment 258740 [details] Plugin name and download numbers not readable The new scrollable table layout is merely unusable with a smartphone. It's responding slowly and does not show the donwload numbers and plugin name together. See attached screenshot.