search

tilde-lab / optimade.science

A "sky-scanner" Optimade browser-only GUI
https://optimade.science/
MIT License
8 stars 3 forks source link

Popup-stopper for IE<=11 and all the smartphones #9

Closed blokhin closed 3 years ago

blokhin commented 3 years ago

Unfortunately, a current one doesn’t work for IE.

hodovani commented 3 years ago

I think we should use some javascript code to make it works. I'll check it after I found out how to run IE on Mac.

blokhin commented 3 years ago

To replace 1024px in the media query with the mobile breakpoint:


.zoom-image {
    position: relative;
}

.zoom-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
}

@media only screen and (min-width: 1024px) {
    .zoom-image::before {
        display: none;
    }
}```