Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature: Create Development tab #4089

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

VitroidFPV
Copy link
Member

@VitroidFPV VitroidFPV commented Jul 5, 2024

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.

image

Please add/suggest additional elements to be added!

Cleanup: Remove commented-out test code
@haslinghuis haslinghuis added this to the 11.0 milestone Jul 5, 2024
Copy link

netlify bot commented Jul 5, 2024

Deploy Preview for origin-betaflight-app ready!

Name Link
🔨 Latest commit 75fa2f3
🔍 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...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@haslinghuis
Copy link
Member

haslinghuis commented Jul 5, 2024

  • 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

@nerdCopter
Copy link
Member

enable/disable via the options tab?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Development

Successfully merging this pull request may close these issues.

3 participants