search

PatheticMustan / ScoutingApp2020

Scouting for teams during the apocalypse of 2020
3 stars 0 forks source link

Scaling issues #3

Open PatheticMustan opened 4 years ago

PatheticMustan commented 4 years ago

Currently positioning buttons is a pain. Look for alternative to manually changing flex values. Maybe we can use grid layout? Would be very easy to set up. It would also mean easier positioning.

The idea of having grid layout is pretty simple, I hope. We overlay a grid over the arena image. The more boxes in the grid, the more control we have over where it goes. If we put an element in the box at (0,0), it would be at the top left.

Important!!! Make sure ON THE GRID COMPONENT that overflow is visible, otherwise it'll only be a tiny square.

overflow: visible;

MAKE SURE THE ARENA IMAGE CONTAINER HAS OVERFLOW HIDDEN!!!!!!!! We don't want elements going outside of the arena image.

overflow: hidden;
PatheticMustan commented 4 years ago

upgraded to extreme because it requires lots of refactoring and thought

PatheticMustan commented 4 years ago

Also need to remove hardcoded widths, change them to vw