All reports: display as much text as possible before the label is truncated

[mattab]

Currently, truncation in datatable is not ideal, it often truncates text too early, or does not truncate text early enough and columns are pushed out of sight.

See the 2 attached files for examples of the 2 common bugs with truncation.

Fixing truncation will make the dashboard, IMO, nearly perfect ;-)

[mattab]

Attachment:
truncation bug 2.png

[mattab]

Attachment:
truncation bug.2.png

[mattab]

One idea would be maybe to use pure CSS or use this CSS technique set dynamically with JS? http://amix.dk/blog/post/19661

[mattab]

Bumping since this issue is really one of the last ugly UI bits of Piwik.

[gaumondp]

Since there's 2 duplicates (#3765 and #4192) it's worth bumping, right? Even Matt did almost 2 years ago...

I can test but can't provide code, sorry.

Dali

[mattab]

Bumped!

[mattab]

Consolidating milestones FTW

[hpvd]

"Fixing truncation will make the dashboard, IMO, nearly perfect ;-)"
=> it's not only relevant for dashboard only, but for all tables

See also #4794

[mattab]

At the moment, connecting to the 3 column dashboard using small screen, one will not see the "Visits" or "Pageviews" columns in most reports.

@tsteur maybe your clever workaround, used in insights, could somehow be used for all datatables within Piwik? Fixing this bug would be really amazing for Piwik.

[tsteur]

In 302b0cd: refs #2834 a first version of dynamic label truncation, waiting for screenshot tests to see what is broken / what changes

[tsteur]

In 22cccda: refs #2834 some fixes and optimizations, for instance show tooltip only if text is ellipsized

[tsteur]

In 669fefd: refs #2834 set max label column width to 440 as we might remove some pixels again because of padding

[tsteur]

In 88ed837: refs #2834 do not apply max width on widget page

[tsteur]

In 9cd28f5: refs #2834 fix tables are too wide in db stats plugin

[tsteur]

In 1954634: refs #2834 fix subtables in widgetized keywords report are not displayed correct (inline-block was applied on td elements)