Responsive design issue on live table of 11.10.11 xwiki version

Pbas · November 19, 2020, 3:11pm

Hello,

Here my LT on 11.10.11 version with tiny screen:

Have you got the same issue?

Ty
Pascal

vmassol · November 20, 2020, 1:53pm

Hi Pascal, I don’t see on a clean xwiki instance (12.9)

Screenshot 2020-11-20 at 14.53.14

vmassol · November 20, 2020, 1:54pm

Maybe you have some custom CSS?

Pbas · November 20, 2020, 4:29pm

Nope.
Maybe I’m wrong but I think iI is the setting fault:

github.com

xwiki/xwiki-platform/blob/1b667b400885a576ff93ed2377a20552f46d8d0a/xwiki-platform-core/xwiki-platform-web/src/main/webapp/resources/js/xwiki/table/livetable.css#L118


      
          }
          .xwiki-livetable td.xwiki-livetable-display-container table.xwiki-livetable-display {
            margin: 0px;
            border-collapse: collapse;
            width: 100%;
          }
          html>body .xwiki-livetable-display td {
            border: 0px;
          }
          .xwiki-livetable-display td.typetext {
            max-width: 20em;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          /* </Live Table Containers> */
          /* <Live Table Header> */
          table.xwiki-livetable table.xwiki-livetable-display thead.xwiki-livetable-display-header {
            border-bottom: 5px solid $theme.backgroundSecondaryColor;
          }
          thead.xwiki-livetable-display-header tr.xwiki-livetable-display-filters:hover {
            background-color: $theme.pageContentBackgroundColor;

It is better when I disable max-width

.xwiki-livetable-display td.typetext {
    max-width: 20em;

And I found this fix:

vmassol · November 20, 2020, 4:43pm

Indeed this is fixed in 12.3RC1 (which is why I didn’t have it in 12.9), see Loading...

You just need to upgrade

vmassol · November 20, 2020, 4:44pm

We could also backport the revert from @mflorea on the 11.10.x branch for 11.10.13

EDIT: Actually we should have done it since it’s a regression. Apparently we missed it.

Pbas · November 20, 2020, 4:53pm

Ok thxs