0.0.6 • Published 3 years ago

windy-plugin-dragdemo v0.0.6

Weekly downloads
11
License
MIT
Repository
github
Last release
3 years ago

Drag example

  • This plugin is a Boiler plate for myself on using plugins on mobile.
  • How do use the bottomSlider mechanism to close the plugin pane on mobile.
  • I have also modified the bottomSlider so that the plugin pane can be dragged down partially, to display part of the map and the picker.
  • The Drag class is also demonstrated:
    • You can drag the circle in the box above, or
    • If you drag the open white area the cross hairs will move.
  • The z-index of the plugin is set to 10 so that it appears on top of the picker.
  • The z-index of the bottom element is set to 20, so that the calendar is on top of the plugin.
  • A backdrop (linear-gradient background image) is created for the calendar timecode.
  • When you scroll down the "mobile-header" class becomes visible.
  • I have added a module that creates a box in the lower left of the map to open and close the plugin.