Refine map lightbox UX and map click behavior across pages
This commit is contained in:
parent
7f45193a6f
commit
5408aba01a
4 changed files with 24 additions and 16 deletions
10
style.css
10
style.css
|
|
@ -45,14 +45,22 @@
|
|||
}
|
||||
|
||||
.describe-button{display:inline-block;margin-right:.6rem}
|
||||
.map-image-link {
|
||||
display: block;
|
||||
margin-top: 1rem;
|
||||
touch-action: manipulation;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
.map-image {
|
||||
width: 100%;
|
||||
aspect-ratio: 16 / 9;
|
||||
object-fit: contain;
|
||||
background: #111315;
|
||||
border-radius: .5rem;
|
||||
margin-top: 1rem;
|
||||
margin-top: 0;
|
||||
cursor: zoom-in;
|
||||
touch-action: manipulation;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
transition: transform .22s ease, box-shadow .22s ease;
|
||||
}
|
||||
.map-image:hover {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue