search

oasis-art-project / oasis-webapp

http://oasis.art/
Other
0 stars 0 forks source link

Issues with Safari #80

Open codeanticode opened 3 years ago

codeanticode commented 3 years ago

Images get distorted when resizing the the browser window in Safari:

image

image

codeanticode commented 3 years ago

@carcruz The event page looks very funny, I'd guess that Safari does not understand some of tailwind's CSS output very well:

image

codeanticode commented 3 years ago

@carcruz this issue is more relevant that is seems because many people navigating the site on iPhones use Safari by default

codeanticode commented 3 years ago

@carcruz Applied your fix to host and place pages: https://github.com/codeanticode/oasis-webapp/commit/de6a5447382741127ef9cb60c2ddd86d0b405003. For the time being, I'm conditionally disabling the zoom & pan for artworks on Safari using the react-device-detect library: https://github.com/codeanticode/oasis-webapp/commit/4d6a8b515113628dfdd915162e276d284361f5bf

One other glitch that also seems to have the same cause is the first profile pic in the artists list appears squeezed vertically:

image

But is not a big deal I guess... most important thing was to fix the event buttons. I won't close this issue but will lower its priority and move to RC.

codeanticode commented 3 years ago

@carcruz Tambien afecta Safari en iOS, eso es mas importante porque mucha gente usa iPhone:

image

codeanticode commented 2 years ago

@carcruz the issue with big button is fixed, but the problem with the profile images still happening with latest safari version (15.1).