gxapplications / asterism

Extensible & dynamic dashboard platform. Made in NodeJS, React and Materialize CSS.
https://gxapplications.github.io/asterism-for-domotics/
Other
1 stars 2 forks source link

Dragging items CSS bugs #80

Closed gxapplications closed 5 years ago

gxapplications commented 5 years ago

There is a lot of CSS bugs when dragging some items on the board. CSS are sometime broken. Must try & fix EACH of them, especially tricky/complex structures.

gxapplications commented 5 years ago

Know if item is dragging: its parent is on the root of the DOM, so use CSS selector prefix: body > .rg-grid-item > .....

gxapplications commented 5 years ago

All these must inherit position:relative during drag : body > .rg-grid-item > .rg-item-wrapper button.waves-effect body > .rg-grid-item > .rg-item-wrapper div.doubleBtn (in plugin 433)

gxapplications commented 5 years ago

Problem for this: .bitmaskStateItem .vertical-switch span.lever.titled Better if force position: inherit during drag, but not optimal (switch moves)

Problem for .WallPlug .PowerRing (in plugin zwave) : don't know how to do...