Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-4394

atlantic theme - cursor style for sortable/sizable columns

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Normal Normal
    • 9.5.0
    • 8.6.3
    • Theme
    • Security Level: Jimmy
    • ZK 9.5.0 S1

      Steps to Reproduce

      run the snippet using the atlantic theme:

          <grid width="400px">
              <columns sizable="true">
                  <column label="col-1" sort="auto" />
                  <column label="col-2" />
                  <column label="col-3" sort="auto" />
              </columns>
          </grid>
      

      hover the column separators used to resize the columns.

      Current Result

      The mouse cursor doesn't indicate resizability for column 1 and 3
      Only column 2 switches to a resizing mouse cursor style 'e-resize'

      Expected Result

      Always display the resizing mouse cursor.
      (preferably: ew-resize as used in other themes)

      Debug Information

      the .z-column-sort .z-column-content styles have a higher specificity

      Workaround

      add a custom style

          <style>
              .z-column-sizing,
              .z-column-sort.z-column-sizing .z-column-content {
                  cursor: ew-resize;
              }
          </style>
      

            rudyhuang rudyhuang
            cor3000 cor3000
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 4 hours
                4h
                Remaining:
                Time Spent - 2 hours Remaining Estimate - 2 hours
                2h
                Logged:
                Time Spent - 2 hours Remaining Estimate - 2 hours
                2h