Feature: Create Development tab
Needing to go to different tabs during UI development to test various elements that may not even be present together can get in the way of making sure that everything looks and works like it should.
This PR adds a simple Development tab that's available directly in the "unconnected" state (saving time having to wait for connections to initialize and finish), it's only accessible in a local development environment. It's filled with basic UI elements for now, but it should be expanded with other UI elements to test as needed. It can also be used to mock up new elements or entire tabs in development without needing to edit/replace other functional tabs, keeping the rest of the app running smoothly.
Please add/suggest additional elements to be added!
Deploy Preview for origin-betaflight-app ready!
| Name | Link |
|---|---|
| Latest commit | 75fa2f3714cc97c6e5073d7b37495b33e3fa3f09 |
| Latest deploy log | https://app.netlify.com/sites/origin-betaflight-app/deploys/668830eac7d5a60008f0cf8a |
| Deploy Preview | https://deploy-preview-4089.dev.app.betaflight.com |
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site configuration.
- One possible problem with this development tab is the use of customized CSS on a tab basis.
- Some missing elements:
input type=number
input type=range
input type=checkbox
enable/disable via the options tab?