search

drawdb-io / drawdb

Free, simple, and intuitive online database design tool and SQL generator.
https://drawdb.vercel.app
MIT License
12.09k stars 855 forks source link

Fix rendering buttons in table in safari #44

Closed HaecheonLee closed 2 months ago

HaecheonLee commented 2 months ago

Steps to reproduce

  1. Open Safari

- Landing Page

  1. Check the position of the circle icon next to each field in a table

- Try it yourself Page

  1. Add multiple tables
  2. Check the position of the circle icon next to each field in a table
  3. Hover the field or title
  4. Check the position of buttons

Expected It should render on the right position

Actual It renders on different position

Describe your changes

In Safari, applying opacity and z-index to an element within an SVG element can significantly impact its position. It's advisable to avoid directly setting opacity and instead adjust the alpha value of the background-color property. Additionally, the behaviour of z-index can be inconsistent; for instance, an icon may remain visible above another table even when that table is hidden beneath another table. Accordingly, z-index is removed as well.

Notes

This includes the same fix as #35 but also additional fix to render buttons in the right position

vercel[bot] commented 2 months ago

@HaecheonLee is attempting to deploy a commit to the dottle's projects Team on Vercel.

A member of the Team first needs to authorize it.

ClaPalo commented 2 months ago

It's exactly the same of #35 but you're missing the Templates page. The issue happens also there.

HaecheonLee commented 2 months ago

True, I didn't notice that you include the change. I am closing the PR