round the top-header search bar to a full pill
The Driver asked for the top-header search bar to be more rounded. It is now 16px, which is exactly half its measured 32px height, so the ends are true semicircles. Any larger value renders identically because the browser clamps to height/2, making this the actual maximum rather than a number picked by eye. Scoped to the top header only. The card's scope field named the shared SearchBar component, but that component's own 10px is not what renders here: measuring the computed style showed 6px, because DashboardTopBar overrides it. Editing the library would also have changed people-groups-grid and big-picture, which was not asked for. Verified 6px to 16px at two viewports, confirmed as a full pill, with the magnifier icon still clear of the curve at a 10px inset.
|
Before Width: | Height: | Size: 968 KiB After Width: | Height: | Size: 968 KiB |
|
Before Width: | Height: | Size: 354 KiB After Width: | Height: | Size: 353 KiB |
|
Before Width: | Height: | Size: 351 KiB After Width: | Height: | Size: 350 KiB |
|
Before Width: | Height: | Size: 949 KiB After Width: | Height: | Size: 1,004 KiB |
|
Before Width: | Height: | Size: 1,013 KiB After Width: | Height: | Size: 1 MiB |
|
Before Width: | Height: | Size: 892 KiB After Width: | Height: | Size: 892 KiB |
|
Before Width: | Height: | Size: 886 KiB After Width: | Height: | Size: 887 KiB |
|
Before Width: | Height: | Size: 982 KiB After Width: | Height: | Size: 983 KiB |
|
Before Width: | Height: | Size: 814 KiB After Width: | Height: | Size: 801 KiB |
|
Before Width: | Height: | Size: 328 KiB After Width: | Height: | Size: 329 KiB |
|
Before Width: | Height: | Size: 495 KiB After Width: | Height: | Size: 496 KiB |
|
|
@ -158,8 +158,19 @@ useShadowStyles(`
|
|||
.rd-topbar .rd-filter-search{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
|
||||
z-index:2; width:360px; max-width:var(--rd-search-w); min-width:150px; }
|
||||
.rd-topbar .rd-filter-search .search-box{ margin:0; color:var(--rd-header-muted,#cbc5b9); }
|
||||
/* ★ FULL PILL, not a bigger number picked by eye (Driver: "I want the search bar in the top
|
||||
header to be more rounded"). The input is a MEASURED 32px tall, so 16px is exactly half its
|
||||
height — the radius at which the ends become true semicircles. Any larger value renders
|
||||
identically (the browser clamps to height/2), so this is the actual maximum, and it stays
|
||||
correct if the height changes only in the sense that it is derived from a value stated right
|
||||
here on the same line.
|
||||
★ SCOPED TO THE TOP HEADER ONLY. The card's scope field named library/components/search/
|
||||
SearchBar.vue, but that component's own 10px is NOT what renders here — this rule overrides it
|
||||
(measured: computed border-radius was 6px, not 10px). Changing the library would have altered
|
||||
people-groups-grid and big-picture too, which the Driver did not ask for. Verify what actually
|
||||
paints before editing the file a card names. */
|
||||
.rd-topbar .rd-filter-search .search-box input{ height:32px; padding:0 10px 0 34px; font-size:var(--fs-md,12px);
|
||||
border-radius:var(--r-md,6px); border-color:#ffffff3d; }
|
||||
border-radius:16px; border-color:#ffffff3d; }
|
||||
.rd-topbar .rd-filter-search .search-box input:focus{ border-color:var(--rd-accent,#e67e22); }
|
||||
.rd-topbar .rd-filter-search .search-icon{ left:10px; width:15px; height:15px; }
|
||||
/* narrow: return the search to normal flow (drop the absolute centring) and let it take the row
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
pid=390799 started=2026-09-21T13:32:52Z by=lk10x
|
||||
pid=1087594 started=2026-09-21T15:43:48Z by=lk10x
|
||||
|
|
|
|||
2
public/doxa-maps/index.html
generated
8
public/doxa-maps/manifest.json
generated
|
|
@ -189,7 +189,7 @@
|
|||
"bundle": "dashboard-plus-grid",
|
||||
"scriptUrl": "./dashboard-plus-grid/dashboard-plus-grid.js",
|
||||
"output": "doxa-maps/dashboard-plus-grid/dashboard-plus-grid.js",
|
||||
"integrity": "sha384-4blzonxyS4HXJylAlAo5yRwQJpNFcn/xFIxKtjANtRTlWrX1d6KOJorjJX/e8Rug",
|
||||
"integrity": "sha384-GaAMOd1oLnQs0M3h8IwpjV7Iwi/FI32DBPmjACf2X8CykYxJbPg+4rpJZ459r9BK",
|
||||
"elements": [
|
||||
"dashboard-plus-grid"
|
||||
],
|
||||
|
|
@ -205,7 +205,7 @@
|
|||
"scriptUrl": "./dashboard-plus-grid/dashboard-plus-grid.js",
|
||||
"embed": {
|
||||
"iframe": "<iframe src=\"./dashboard-plus-grid/dashboard-plus-grid/index.html?utm_source=YOUR_SOURCE\" width=\"100%\" height=\"600\" style=\"border:none;border-radius:12px;\" allowfullscreen></iframe>",
|
||||
"script": "<script>window.MAP_APP_API_URL=\"https://pray.doxa.life\";</script>\n<script src=\"./dashboard-plus-grid/dashboard-plus-grid.js\" integrity=\"sha384-4blzonxyS4HXJylAlAo5yRwQJpNFcn/xFIxKtjANtRTlWrX1d6KOJorjJX/e8Rug\" crossorigin=\"anonymous\"></script>\n<dashboard-plus-grid profile-config='{\"profile\":\"dashboard-plus-grid\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\",\"assetsBase\":\"YOUR_TREE_URL/assets\"}'></dashboard-plus-grid>"
|
||||
"script": "<script>window.MAP_APP_API_URL=\"https://pray.doxa.life\";</script>\n<script src=\"./dashboard-plus-grid/dashboard-plus-grid.js\" integrity=\"sha384-GaAMOd1oLnQs0M3h8IwpjV7Iwi/FI32DBPmjACf2X8CykYxJbPg+4rpJZ459r9BK\" crossorigin=\"anonymous\"></script>\n<dashboard-plus-grid profile-config='{\"profile\":\"dashboard-plus-grid\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\",\"assetsBase\":\"YOUR_TREE_URL/assets\"}'></dashboard-plus-grid>"
|
||||
},
|
||||
"instances": [
|
||||
{
|
||||
|
|
@ -739,7 +739,7 @@
|
|||
"bundle": "research-dashboard",
|
||||
"scriptUrl": "./research-dashboard/research-dashboard.js",
|
||||
"output": "doxa-maps/research-dashboard/research-dashboard.js",
|
||||
"integrity": "sha384-Kn2cMDL4gy2c9WWH1IgEJVUrMdNUYLsdLubCrzYRKsNgZUSBxYE9df4x8QF8L2oq",
|
||||
"integrity": "sha384-9toNG/82fNOb+lT3PjrqSqfaaE8GoXmEwP+GaiToF0xT3iTkwRMVykZH4u0gN3fm",
|
||||
"elements": [
|
||||
"research-dashboard-map"
|
||||
],
|
||||
|
|
@ -755,7 +755,7 @@
|
|||
"scriptUrl": "./research-dashboard/research-dashboard.js",
|
||||
"embed": {
|
||||
"iframe": "<iframe src=\"./research-dashboard/research-dashboard/index.html?utm_source=YOUR_SOURCE\" width=\"100%\" height=\"600\" style=\"border:none;border-radius:12px;\" allowfullscreen></iframe>",
|
||||
"script": "<script>window.MAP_APP_API_URL=\"https://pray.doxa.life\";</script>\n<script src=\"./research-dashboard/research-dashboard.js\" integrity=\"sha384-Kn2cMDL4gy2c9WWH1IgEJVUrMdNUYLsdLubCrzYRKsNgZUSBxYE9df4x8QF8L2oq\" crossorigin=\"anonymous\"></script>\n<research-dashboard-map profile-config='{\"profile\":\"research-dashboard\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\",\"assetsBase\":\"YOUR_TREE_URL/assets\"}'></research-dashboard-map>"
|
||||
"script": "<script>window.MAP_APP_API_URL=\"https://pray.doxa.life\";</script>\n<script src=\"./research-dashboard/research-dashboard.js\" integrity=\"sha384-9toNG/82fNOb+lT3PjrqSqfaaE8GoXmEwP+GaiToF0xT3iTkwRMVykZH4u0gN3fm\" crossorigin=\"anonymous\"></script>\n<research-dashboard-map profile-config='{\"profile\":\"research-dashboard\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\",\"assetsBase\":\"YOUR_TREE_URL/assets\"}'></research-dashboard-map>"
|
||||
},
|
||||
"bundle": "research-dashboard"
|
||||
}
|
||||
|
|
|
|||
2
public/doxa-maps/research-dashboard/index.html
generated
|
|
@ -130,7 +130,7 @@ header.top .sub { margin-top: 3px; font: 12px/1.4 var(--sans); color: var(--mut)
|
|||
|
||||
<script>window.FORGE = {"mode":"built","scope":"bundle","manifestUrl":"../manifest.json","bundle":"research-dashboard","hrefBase":"../"};
|
||||
/* file:// contract: manifest inlined at build — no fetch needed to render. */
|
||||
window.FORGE.manifest = {"schema":"doxa-maps-manifest@1","generatedFrom":"plugin-designs/*/*.vue","embedBase":".","bundleCount":17,"profileCount":26,"bundles":[{"bundle":"research-dashboard","scriptUrl":"./research-dashboard/research-dashboard.js","output":"doxa-maps/research-dashboard/research-dashboard.js","integrity":"sha384-Kn2cMDL4gy2c9WWH1IgEJVUrMdNUYLsdLubCrzYRKsNgZUSBxYE9df4x8QF8L2oq","elements":["research-dashboard-map"],"profiles":[{"profile":"research-dashboard","file":"research-dashboard.vue","description":"Coordinated-Multiple-Views research dashboard for 10/40-window UPGs (live pray.doxa.life): docked facet rail + map-as-hero + linked table/charts, brushing-and-linking over one in-memory store.","element":"research-dashboard-map","type":"monolithic","isMap":false,"iframeUrl":"./research-dashboard/research-dashboard/index.html","scriptUrl":"./research-dashboard/research-dashboard.js","embed":{"iframe":"\u003ciframe src=\"./research-dashboard/research-dashboard/index.html?utm_source=YOUR_SOURCE\" width=\"100%\" height=\"600\" style=\"border:none;border-radius:12px;\" allowfullscreen>\u003c/iframe>","script":"\u003cscript>window.MAP_APP_API_URL=\"https://pray.doxa.life\";\u003c/script>\n\u003cscript src=\"./research-dashboard/research-dashboard.js\" integrity=\"sha384-Kn2cMDL4gy2c9WWH1IgEJVUrMdNUYLsdLubCrzYRKsNgZUSBxYE9df4x8QF8L2oq\" crossorigin=\"anonymous\">\u003c/script>\n\u003cresearch-dashboard-map profile-config='{\"profile\":\"research-dashboard\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\",\"assetsBase\":\"YOUR_TREE_URL/assets\"}'>\u003c/research-dashboard-map>"},"bundle":"research-dashboard"}]}]};</script>
|
||||
window.FORGE.manifest = {"schema":"doxa-maps-manifest@1","generatedFrom":"plugin-designs/*/*.vue","embedBase":".","bundleCount":17,"profileCount":26,"bundles":[{"bundle":"research-dashboard","scriptUrl":"./research-dashboard/research-dashboard.js","output":"doxa-maps/research-dashboard/research-dashboard.js","integrity":"sha384-9toNG/82fNOb+lT3PjrqSqfaaE8GoXmEwP+GaiToF0xT3iTkwRMVykZH4u0gN3fm","elements":["research-dashboard-map"],"profiles":[{"profile":"research-dashboard","file":"research-dashboard.vue","description":"Coordinated-Multiple-Views research dashboard for 10/40-window UPGs (live pray.doxa.life): docked facet rail + map-as-hero + linked table/charts, brushing-and-linking over one in-memory store.","element":"research-dashboard-map","type":"monolithic","isMap":false,"iframeUrl":"./research-dashboard/research-dashboard/index.html","scriptUrl":"./research-dashboard/research-dashboard.js","embed":{"iframe":"\u003ciframe src=\"./research-dashboard/research-dashboard/index.html?utm_source=YOUR_SOURCE\" width=\"100%\" height=\"600\" style=\"border:none;border-radius:12px;\" allowfullscreen>\u003c/iframe>","script":"\u003cscript>window.MAP_APP_API_URL=\"https://pray.doxa.life\";\u003c/script>\n\u003cscript src=\"./research-dashboard/research-dashboard.js\" integrity=\"sha384-9toNG/82fNOb+lT3PjrqSqfaaE8GoXmEwP+GaiToF0xT3iTkwRMVykZH4u0gN3fm\" crossorigin=\"anonymous\">\u003c/script>\n\u003cresearch-dashboard-map profile-config='{\"profile\":\"research-dashboard\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\",\"assetsBase\":\"YOUR_TREE_URL/assets\"}'>\u003c/research-dashboard-map>"},"bundle":"research-dashboard"}]}]};</script>
|
||||
<script>/**
|
||||
* staging-forge.js — the ONE-PAGE semantic staging environment (root + bundle pages).
|
||||
*
|
||||
|
|
|
|||
|
|
@ -403,7 +403,7 @@
|
|||
z-index:2; width:360px; max-width:var(--rd-search-w); min-width:150px; }
|
||||
.rd-topbar .rd-filter-search .search-box{ margin:0; color:var(--rd-header-muted,#cbc5b9); }
|
||||
.rd-topbar .rd-filter-search .search-box input{ height:32px; padding:0 10px 0 34px; font-size:var(--fs-md,12px);
|
||||
border-radius:var(--r-md,6px); border-color:#ffffff3d; }
|
||||
border-radius:16px; border-color:#ffffff3d; }
|
||||
.rd-topbar .rd-filter-search .search-box input:focus{ border-color:var(--rd-accent,#e67e22); }
|
||||
.rd-topbar .rd-filter-search .search-icon{ left:10px; width:15px; height:15px; }
|
||||
.rd-shell.rd-narrow .rd-topbar .rd-filter-search{ position:static; transform:none;
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
|
||||
<script>window.MAP_APP_API_URL = "https://pray.doxa.life";</script>
|
||||
<!-- Bundle IIFE — registers the <research-dashboard-map> custom element. -->
|
||||
<script src="../research-dashboard.js" integrity="sha384-Kn2cMDL4gy2c9WWH1IgEJVUrMdNUYLsdLubCrzYRKsNgZUSBxYE9df4x8QF8L2oq" crossorigin="anonymous"></script>
|
||||
<script src="../research-dashboard.js" integrity="sha384-9toNG/82fNOb+lT3PjrqSqfaaE8GoXmEwP+GaiToF0xT3iTkwRMVykZH4u0gN3fm" crossorigin="anonymous"></script>
|
||||
|
||||
<script>
|
||||
// Mapbox token resolution — the A3 ladder, in precedence order:
|
||||
|
|
|
|||