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.

Sign up for GitHub

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

Jump to bottom

Material UI #164

Open
12 of 13 tasks
stylesuxx opened this issue Jan 6, 2022 · 0 comments
Open
12 of 13 tasks

Material UI #164

stylesuxx opened this issue Jan 6, 2022 · 0 comments
Assignees
@stylesuxx
Labels
enhancement New feature or request

Comments

@stylesuxx
Copy link
Owner

stylesuxx commented Jan 6, 2022 •
edited
Loading

I would really like to see an update to the UI, especially in regards to mobile. For this I would like to go with a ready made UI framework like Material. The benefits would be:

  • Less custom CSS
  • Better responsive design
  • Easy to use, ready made components

The transition can be made slowly by first integrating MUI components step by step:

  • Add MUI dependencies
  • Modal for settings and melody editor
  • Tooltips (Remove ReactTooltip from dependencies)
  • Checkboxes
  • Selects
  • Sliders
  • Buttons
  • Direct Input
  • PWA message
  • Changelog
  • Main log (scroll auto)
  • Cookie Bar
  • Progress Bar during flashing
@stylesuxx stylesuxx self-assigned this Jan 6, 2022
@stylesuxx stylesuxx added the enhancement New feature or request label Jan 6, 2022
stylesuxx added a commit that referenced this issue Jan 6, 2022
@stylesuxx
Added MUI dependencies #164
fa0a9a8
stylesuxx added a commit that referenced this issue Jan 6, 2022
@stylesuxx
Use MUI Dialog component instead of custom overlay #164
43859e8
stylesuxx added a commit that referenced this issue Jan 6, 2022
@stylesuxx
Close text no longer needed since an icon is used now. #164
40e9162
stylesuxx added a commit that referenced this issue Jan 6, 2022
@stylesuxx
Refactored react-tooltips to MUI tooltips #164
81e2302
stylesuxx added a commit that referenced this issue Jan 6, 2022
@stylesuxx
Refactored Checkboxes to MUI checkboxes #164
4fabeee
stylesuxx added a commit that referenced this issue Jan 6, 2022
@stylesuxx
Refactored Selects to MUI Selects for common settings and singel sett…
0ef5889 
…ings #164
stylesuxx added a commit that referenced this issue Jan 6, 2022
@stylesuxx
Refactored Labeled Selects to MUI Selects, improved test cases #164
403062e
stylesuxx added a commit that referenced this issue Jan 7, 2022
@stylesuxx
Refactored Motor sliders to MUI sliders. Refactored Text. Improved La…
1c99ed6 
…yout of the Motor slider Tab. #164
stylesuxx added a commit that referenced this issue Jan 7, 2022
@stylesuxx
Refactored common settings and ESC settings to use MUI components. Di…
55a4a02 
…splay two ESCs next to each other if possible. #164
stylesuxx added a commit that referenced this issue Jan 7, 2022
@stylesuxx
Refactored to use MUI Card component #164
d919d6e
stylesuxx added a commit that referenced this issue Jan 7, 2022
@stylesuxx
Refactored Melody Editor to only use MUI components. #164
1c91adc
stylesuxx added a commit that referenced this issue Jan 7, 2022
@stylesuxx
Added roboto font, more MUI refactoring. #164
ab5e6b2
stylesuxx added a commit that referenced this issue Feb 5, 2022
@stylesuxx
Added MUI dependencies #164
3007632
stylesuxx added a commit that referenced this issue Feb 5, 2022
@stylesuxx
Use MUI Dialog component instead of custom overlay #164
d7f9245
stylesuxx added a commit that referenced this issue Feb 5, 2022
@stylesuxx
Close text no longer needed since an icon is used now. #164
530ff1b
stylesuxx added a commit that referenced this issue Feb 5, 2022
@stylesuxx
Refactored react-tooltips to MUI tooltips #164
639cefb
stylesuxx added a commit that referenced this issue Feb 5, 2022
@stylesuxx
Refactored Checkboxes to MUI checkboxes #164
2ebc0fc
stylesuxx added a commit that referenced this issue Feb 5, 2022
@stylesuxx
Refactored Selects to MUI Selects for common settings and singel sett…
c9b8993 
…ings #164
stylesuxx added a commit that referenced this issue Feb 5, 2022
@stylesuxx
Refactored Labeled Selects to MUI Selects, improved test cases #164
da24baf
stylesuxx added a commit that referenced this issue Feb 5, 2022
@stylesuxx
Refactored Motor sliders to MUI sliders. Refactored Text. Improved La…
c38d0ac 
…yout of the Motor slider Tab. #164
stylesuxx added a commit that referenced this issue Feb 5, 2022
@stylesuxx
Refactored common settings and ESC settings to use MUI components. Di…
a870d3b 
…splay two ESCs next to each other if possible. #164
stylesuxx added a commit that referenced this issue Feb 5, 2022
@stylesuxx
Refactored to use MUI Card component #164
73a4ea3
stylesuxx added a commit that referenced this issue Feb 5, 2022
@stylesuxx
Refactored Melody Editor to only use MUI components. #164
bc59178
stylesuxx added a commit that referenced this issue Feb 5, 2022
@stylesuxx
Added roboto font, more MUI refactoring. #164
658907d
stylesuxx added a commit that referenced this issue Feb 5, 2022
@stylesuxx
Improved styling of Bluejay section #164
a36b1ce
stylesuxx added a commit that referenced this issue Feb 5, 2022
@stylesuxx
Improved styling of Discord part #164
7b3035d
stylesuxx added a commit that referenced this issue Feb 6, 2022
@stylesuxx
Refactored direct Input element to use MUI #164
004a9c4
stylesuxx added a commit that referenced this issue Feb 6, 2022
@stylesuxx
Refactored direct Input element to use MUI #164
5fa8513
stylesuxx added a commit that referenced this issue Feb 7, 2022
@stylesuxx
Improved PWA installatiton message on Home #164
cf7fa28
stylesuxx added a commit that referenced this issue Feb 7, 2022
@stylesuxx
Refactored changelog to use MUI component #164
fd365a5
stylesuxx added a commit that referenced this issue Feb 7, 2022
@stylesuxx
Refactored Log to use MUI components #164
9ae1f04
stylesuxx added a commit that referenced this issue Feb 9, 2022
@stylesuxx
Use MUI component for progress bar, hide buttons if progress bar is s…
7b75e2c 
…howing #164
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@stylesuxx stylesuxx

Labels
enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@stylesuxx