search

stuysu / epsilon

all in one service for stuyvesant high school.
10 stars 3 forks source link

there is a weird light blue background behind the site on mobile #120

Closed randysim closed 1 month ago

randysim commented 3 months ago

it is killing my eyes

randysim commented 3 months ago

i think this might have something to do with the stuff i changed in the react helmet or index.html file

TheEgghead27 commented 2 months ago

I am unable to reproduce this (Firefox, Android)

TheEgghead27 commented 2 months ago

If anyone else is able to reproduce this ( @randysim ? ) please let us know so we can investigate I may close this issue as wontfix if we cannot reproduce it

SnowyNate commented 2 months ago

Able to reproduce, but doesn't affect the site's visibility due to the layout of my browser. (Samsung Internet, Android) Screenshot_20240729_165503_Samsung Internet

SnowyNate commented 2 months ago

I believe this is due to the color of the primary color in ThemeProvider, which my browser uses as it's background color.

randysim commented 1 month ago

I notice that the blue in the background is the same color as the primary blue color we use for the site. This is probably because in comps/context/ThemeProvider.tsx, the site decides it wants to use the primary color as the background.

This is still an issue on safari on iOS devices. I'll try and look into it, but if possible get someone with an iOS device to test the site occasionally.

image

randysim commented 1 month ago

fixed: this had to do with iphone overscroll behavior. just had to set overscroll-behavior to contain in the html body