Map cards keep their rounded top on phones too
This commit is contained in:
parent
d49062802b
commit
9305706012
5 changed files with 5 additions and 13 deletions
|
|
@ -103,14 +103,6 @@ const isSimple = props.bundle === 'simple-map'
|
|||
.doxa-map-slot.rounded-xlg { --slot-radius: var(--border-radius-lg); border-radius: var(--slot-radius); }
|
||||
|
||||
@media (max-width: 768px) {
|
||||
/* Phones: the research card runs to the top of the viewport area, so its top corners are
|
||||
square and only the bottom is rounded. */
|
||||
.doxa-map-slot.rounded-xlg {
|
||||
border-radius: 0 0 var(--slot-radius) var(--slot-radius);
|
||||
clip-path: inset(0 round 0 0 var(--slot-radius) var(--slot-radius));
|
||||
--map-radius-corners: 0 0 var(--slot-radius) var(--slot-radius);
|
||||
}
|
||||
.doxa-map-slot.rounded-xlg::after { --corner-tl: 0px; --corner-tr: 0px; }
|
||||
.doxa-map-slot {
|
||||
min-height: 0;
|
||||
/* Phone height: twice as tall as wide (~734px on a 390px phone) — 80px more map than the
|
||||
|
|
|
|||
|
|
@ -1303,7 +1303,7 @@
|
|||
padding-inline-start:36px;
|
||||
padding-inline-end:16px;
|
||||
scroll-padding-inline:16px;
|
||||
gap:52px;
|
||||
gap:44px;
|
||||
z-index:10;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;
|
||||
font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@
|
|||
|
||||
<script>window.MAP_APP_API_URL = "https://pray.doxa.life";</script>
|
||||
<!-- Bundle IIFE — registers the <doxa-research-map> custom element. -->
|
||||
<script src="../doxa-research-map.js" integrity="sha384-1G77jhbHAY8bD1fqSt/c69xq767ngobYQzKb2BwsdzgjngdPzNxzKNdtZsUOzJK2" crossorigin="anonymous"></script>
|
||||
<script src="../doxa-research-map.js" integrity="sha384-g7GG9zmr04YFhYGllNda1EVy3Ruklq8hyFZjjCjoAVe9kU8tgckuvlllf2egL+qT" crossorigin="anonymous"></script>
|
||||
|
||||
<script>
|
||||
// Mapbox token resolution — the A3 ladder, in precedence order:
|
||||
|
|
|
|||
|
|
@ -156,7 +156,7 @@
|
|||
"bundle": "doxa-research-map",
|
||||
"scriptUrl": "./doxa-research-map/doxa-research-map.js",
|
||||
"output": "doxa-maps/doxa-research-map/doxa-research-map.js",
|
||||
"integrity": "sha384-1G77jhbHAY8bD1fqSt/c69xq767ngobYQzKb2BwsdzgjngdPzNxzKNdtZsUOzJK2",
|
||||
"integrity": "sha384-g7GG9zmr04YFhYGllNda1EVy3Ruklq8hyFZjjCjoAVe9kU8tgckuvlllf2egL+qT",
|
||||
"elements": [
|
||||
"doxa-research-map"
|
||||
],
|
||||
|
|
@ -170,7 +170,7 @@
|
|||
"scriptUrl": "./doxa-research-map/doxa-research-map.js",
|
||||
"embed": {
|
||||
"iframe": "<iframe src=\"./doxa-research-map/research-map/index.html?utm_source=YOUR_SOURCE\" width=\"100%\" height=\"600\" style=\"border:none;border-radius:12px;\" allowfullscreen></iframe>",
|
||||
"script": "<script src=\"./doxa-research-map/doxa-research-map.js\" integrity=\"sha384-1G77jhbHAY8bD1fqSt/c69xq767ngobYQzKb2BwsdzgjngdPzNxzKNdtZsUOzJK2\" crossorigin=\"anonymous\"></script>\n<doxa-research-map profile-config='{\"profile\":\"research-map\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\"}'></doxa-research-map>"
|
||||
"script": "<script src=\"./doxa-research-map/doxa-research-map.js\" integrity=\"sha384-g7GG9zmr04YFhYGllNda1EVy3Ruklq8hyFZjjCjoAVe9kU8tgckuvlllf2egL+qT\" crossorigin=\"anonymous\"></script>\n<doxa-research-map profile-config='{\"profile\":\"research-map\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\"}'></doxa-research-map>"
|
||||
}
|
||||
}
|
||||
]
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue