0.0.6 • Published 3 years ago
windy-plugin-dragdemo v0.0.6
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.