Map cards keep their rounded top on phones too

This commit is contained in:
swift-river542 2026-09-17 02:45:54 -05:00
parent d49062802b
commit 9305706012
5 changed files with 5 additions and 13 deletions

View file

@ -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

View file

@ -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;
}

View file

@ -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:

View file

@ -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