Uploaded image for project: 'XWiki Platform'
  1. XWiki Platform
  2. XWIKI-11599

Long pretty names does not wrap and overflow over field value in livetable on small screen

Details

    • Unknown
    • N/A
    • N/A

    Description

      See attached screen shot.

      Attachments

        1. Prop1_hidden.png
          Prop1_hidden.png
          14 kB
        2. Prop2_scroll.png
          Prop2_scroll.png
          19 kB
        3. Prop3_wrap.png
          Prop3_wrap.png
          16 kB
        4. screenshot_334.png
          screenshot_334.png
          7 kB

        Issue Links

          Activity

            [XWIKI-11599] Long pretty names does not wrap and overflow over field value in livetable on small screen

            With the CSS limitations, I am able to propose 3 possible fixes:

            1. Overflow: hidden

            The text is truncated.

            2. Scrolling

            Not very friendly

            3. Wrap

            But because of the CSS positioning, it does not make the row bigger.

            4. Other
            An other alternative is to rewrite the responsiveness mechanism with JavaScript, which has much more power, but it would be far more complicated.

            Conclusion
            My preference goes to the first one. Hidden with ellipsis.

            gdelhumeau Guillaume Delhumeau added a comment - With the CSS limitations, I am able to propose 3 possible fixes: 1. Overflow: hidden The text is truncated. 2. Scrolling Not very friendly 3. Wrap But because of the CSS positioning, it does not make the row bigger. 4. Other An other alternative is to rewrite the responsiveness mechanism with JavaScript, which has much more power, but it would be far more complicated. Conclusion My preference goes to the first one. Hidden with ellipsis.

            People

              gdelhumeau Guillaume Delhumeau
              softec Denis Gervalle
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: