search

Tabletop-Mirror / Issues-and-Tasks

0 stars 0 forks source link

Update Mobile Navigation Menu #51

Open VarunS1997 opened 6 months ago

VarunS1997 commented 6 months ago

Our original UX design had a special accordion being used on mobile, but we aren't using it. Also that means some buttons are hidden on mobile due to scrolling.

That being said, the current layout isn't bad.

HLMelton commented 5 months ago

Current working branch

I got the basic core functionality for the accordions and the minor nav fixes but was having an issue with the the link buttons themselves. Not sure why but the default Angular Material UI classes are overriding any changes I try to make when trying to change the padding of each navigation button within the accordions.

Specifically the .mat-expansion-panel-body, isn't being removed or overridden when attempting to use inline styles or trying to fix it using Angular's ::ng-deep functionality when passing the new CSS properties. I think I'm misunderstanding something here with Angular or SCSS.

Please let me know if I'm overlooking something.