anamritraj / livecovid.in-webapp

Web app for state-wise India Covid-19 tracker.
https://livecovid.in
MIT License
24 stars 15 forks source link

not responsive, the gpay icon covers the entire screen in mobile #1

Closed salus-sage closed 4 years ago

salus-sage commented 4 years ago

Screenshot_20200406-153050

Browser: firefox and chrome on android

anamritraj commented 4 years ago

Can you try opening it in a private window? Maybe it is possible that the CSS style corresponding to that element has not loaded (Although highly unlikely).

If that doesn't work, I will change the styles more time to bust the cache.

salus-sage commented 4 years ago

same even in private browser, to debug i checked on laptop also, same in responsive debug mode. I tried to set width to .floating-actions which may fix the issue. but something funny happened after i unset the width, the icon sizes didn't resume to original full screen.

so you might be right, because the element starts as hidden or some reason ur styles to that elements not getting applied

set width

Screenshot (170)

Unset Width

Screenshot (171)

anamritraj commented 4 years ago

Interesting! This looks like a genuine problem. I will try to reproduce this using different browsers and phones. Thanks for taking a look at this.

anamritraj commented 4 years ago

Got it in Firefox Developer Edition! Its strange it doesn't happen in other browsers. Again, thanks for reporting this.

Screen Shot 2020-04-07 at 23 56 40