Uploaded image for project: 'Nuxeo Web UI'
  1. Nuxeo Web UI
  2. WEBUI-1581

Fix column sort arrow icon and sort sequence numbers overlapping

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Open
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: 3.0.0
    • Fix Version/s: 3.0.x, 3.1.x
    • Component/s: UI, Web UI

      Description

      On search result pages with long column headers and multiple sorts selected, the arrow sort icon is inconsistently positioned relative to the order number and sometimes overlapping. This problem appears to be in Nuxeo element nuxeo-data-table-column-sort caused by using relative positioning for the sort icon button and absolute positioning for the order element. (Please refer to attached screenshots)

      This issue is also reproducible in nightly-2021 using the following steps:

      Steps to Reproduce:

      1. Navigate to default search and run with a sample input (e.g. "test")
      2. Using table view, enable all columns
      3. Apply sorts on each valid column

      Expected behavior: all column headers have visible separation between the sort arrow and sequence number

      Actual behavior: one or more column headers have the sort arrow and sequence number overlapping (see "Last Contributor" column in screenshot)

        Attachments

        1. Screenshot 2024-09-13 at 10.06.26 AM.png
          53 kB
          Herbert Vielhaber
        2. Screenshot 2024-09-13 at 10.06.43 AM.png
          5 kB
          Herbert Vielhaber
        3. Screenshot 2024-09-13 at 10.06.55 AM.png
          7 kB
          Herbert Vielhaber
        4. Screenshot 2024-09-13 at 10.07.06 AM.png
          7 kB
          Herbert Vielhaber
        5. webui-1581.PNG
          39 kB
          Henry Miskaryan

          Activity

            People

            • Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

              • Created:
                Updated: