search

mcdougallab / modeldb

ModelDB 2020 redesign
http://modeldb.science
10 stars 2 forks source link

Login doesn't work on Mobile #196

Open ramcdougal opened 4 months ago

ramcdougal commented 4 months ago

It just redirects to the home page.

ramcdougal commented 5 days ago

The problem is that the site image is too big and invisibly overlaps the word login. We tried changing the z-index, but didn't find a way that didn't cause other problems. Maybe the right fix is to figure out why the site image is so big.

yhy808 commented 2 days ago

Cropping the icon image's right-bottom portion using "clip-path" might solve this problem. The "clip-path" property specifies a rectangular area to display without modifying the image file itself.

Here is the modified one-line HTML code:

<img class="d-inline-block align-top" src="/static/modeldb/modeldb-icon.svg"
     style="width: 4em; position: absolute; left: 0em; top: 0em; clip-path: inset(0 1em 1em 0);">
yhy808 commented 9 hours ago

To modify the svg image, I changed the viewBox to place the icon in the center and make it smaller.

Code change in "/static/modeldb/modeldb-icon.svg":

width="26" height="24" viewBox="0 10 130 100"