doxa-life/doxa-maps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

light the simple-map loading overlay; both synced copies

Browse source
This commit is contained in:
doxa-maps-88655c70 2026-09-21 01:11:05 +00:00
parent 5f0c30b880
commit 702333d6de
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
plugin-designs/doxa-simple-map/doxa-simple-map.vue
View file

@ -67,7 +67,7 @@ useShadowStyles(`
transforms and the map renders grey, so the rounding stops one level above it. */
.dsm-map-area { clip-path: inset(0 round var(--map-radius-corners, var(--map-radius, 0px))); }
.dsm-map-canvas { position:absolute;inset:0; }
.dsm-loading { position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0f1216;color:#7c8cf8;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;z-index:5; } /* dark like the research map's cover: the basemap under it is night from frame one, so a light cover was the only "flash" left */
.dsm-loading { position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f3f3f1;color:#6d766e;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;z-index:5; } /* dark like the research map's cover: the basemap under it is night from frame one, so a light cover was the only "flash" left */
/* Failure state, NOT a cover: modelled on cities-internet's .gm-err so anything the
map did manage to render stays visible around it. A spinner that outlives the
failure reads as "slow" and the user just waits; this says the map is gone. */
@ -1484,6 +1484,6 @@ onBeforeUnmount(() => {
.dsm-tab.active { color: #3498db; border-bottom-color: #3498db; background: rgba(52,152,219,.06); }
.dsm-map-area { flex: 1 1 0; position: relative; overflow: hidden; }
.dsm-map-canvas { position: absolute; inset: 0; }
.dsm-loading { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: #0f1216; color: #7c8cf8; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 14px; z-index: 5; }
.dsm-loading { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: #f3f3f1; color: #6d766e; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 14px; z-index: 5; }
.dsm-error { position: absolute; top: 50%; left: 12px; right: 12px; z-index: 7; transform: translateY(-50%); text-align: center; font: 13px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #7f1d1d; background: rgba(255,255,255,.94); border: 1px solid rgba(127,29,29,.25); border-radius: 10px; padding: 12px 14px; box-shadow: 0 2px 10px rgba(0,0,0,.16); }
</style>