search

influxdata / clockface

UI Kit for building Chronograf
https://influxdata.github.io/clockface
MIT License
43 stars 18 forks source link

DraggableResizer cursor #781

Open appletreeisyellow opened 2 years ago

appletreeisyellow commented 2 years ago

Describe the bug When a DraggableResizer component (Orientation.Horizontal) is used in another DraggableResizer component (Orientation.Vertical), the cursor for the child DraggableResizer component should be row-resize but showing col-resize

To Reproduce Steps to reproduce the behavior:

  1. Go to 'Data Explorer'
  2. Open developer console by right clicking on page > clicking 'Inspect' > clicking 'Console' tab
  3. Type influx.set('newDataExplorer, true)
  4. Turn on the toggle "Try New Data Explorer" on top right of the page

Here is the steps in video:

https://user-images.githubusercontent.com/14298407/172655363-373d7f4d-8ac4-44aa-85b3-38dad4f10585.mov

Expected behavior Expect to see the cursor become row-resize when hover over a horizontal resize bar

Screenshots

https://user-images.githubusercontent.com/14298407/172654937-82aedfe0-7a53-43d6-b9ab-1efa5221f82b.mov

Browser