Skip to content

[DESIGN] Major UI/UX Revamp [PHASE 2: Responsiveness] #26

Description

@CupapiOT

Parent issue: #22

The Goal for this Sub-issue

Add responsiveness to the full layout.

Rough guidelines for responsiveness (Subject to change to what fits development flow later on):

  • mobile screens (320-599px),
  • tablet screens (600-1023px),
  • laptop screens (1024-1440px),
  • desktop screens (1441-1920px)

Ultra-wide screens likely won't be supported.

Why this phase will be delayed

The following plans are taking the lead in terms of importance:

  • Plans to add more features such as tweak-able animation-settings and matrix-info: This will inherently add to the complexity of the layout and may or may not make adapting any pre-existing responsiveness styling hard to adapt.
  • There will be general code improvements such as adding IDs to vectors and matrices: This is more for polish, but it's worth considering compared to adding responsiveness. It might also unexpectedly change the layout as a whole.
  • There are bugs and simple improvements that need to be fixed or added, which are all outside the scope of design.

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions