Osmwithspace/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

UI: fix stray element in theme.html

Browse source
This commit is contained in:
Pieter Vander Vennet 2025-01-30 14:50:40 +01:00
parent f26f22a95c
commit 1af21714f2
2 changed files with 20 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/index.ts
View file

@ -5,13 +5,17 @@ import CustomThemeError from "./UI/CustomThemeError.svelte"
async function main() { async function main() {
const target = document.getElementById("maindiv") const target = document.getElementById("maindiv")
const childs = Array.from(target.children) const childs = Array.from(target.children)
try {
childs.forEach((ch) => target.removeChild(ch))
} catch (e) {
console.error("Huh? Couldn't remove child!")
}
try { try {
const theme = await DetermineTheme.getTheme() const theme = await DetermineTheme.getTheme()
new SingleThemeGui({ new SingleThemeGui({
target, target,
props: { theme }, props: { theme },
}) })
childs.forEach((ch) => target.removeChild(ch))
Array.from(document.getElementsByClassName("delete-on-load")).forEach((el) => { Array.from(document.getElementsByClassName("delete-on-load")).forEach((el) => {
el.parentElement.removeChild(el) el.parentElement.removeChild(el)
}) })

32
theme.html
View file

@ -54,27 +54,25 @@
<a rel="me" href="https://en.osm.town/@MapComplete" class="hidden">Mastodon</a> <a rel="me" href="https://en.osm.town/@MapComplete" class="hidden">Mastodon</a>
<div class="h-screen" id="maindiv"> <div class="default-main h-screen" id="maindiv">
<div id="default-main h-full"> <div class="w-full h-screen flex flex-col items-center justify-between p-8">
<div class="w-full h-screen flex flex-col items-center justify-between p-8"> <div class="w-full h-full flex flex-col items-center">
<div class="w-full h-full flex flex-col items-center">
<div id="default-title"> <div id="default-title">
Loading MapComplete, hang on... Loading MapComplete, hang on...
</div> </div>
<p class="text-xl" id="descriptions-while-loading"> <p class="text-xl" id="descriptions-while-loading">
<!-- DESCRIPTION START --> <!-- DESCRIPTION START -->
MapComplete is an easy to use map viewer and map editor MapComplete is an easy to use map viewer and map editor
<!-- DESCRIPTION END --> <!-- DESCRIPTION END -->
</p> </p>
<p> <p>
Made with OpenStreetMap Made with OpenStreetMap
</p> </p>
</div> </div>
</div>
</div> </div>
</div> </div>