forked from MapComplete/MapComplete
		
	Style: Improve loading screens
This commit is contained in:
		
							parent
							
								
									55903d45f9
								
							
						
					
					
						commit
						6863e7e56d
					
				
					 2 changed files with 7 additions and 5 deletions
				
			
		|  | @ -273,14 +273,14 @@ async function createLandingPage(layout: LayoutConfig, manifest, whiteIcons, alr | |||
|     let output = template | ||||
|         .replace("Loading MapComplete, hang on...", asLangSpan(loadingText, "h1")) | ||||
|         .replace( | ||||
|             "Powered by OpenStreetMap", | ||||
|             "Made with OpenStreetMap", | ||||
|             Translations.t.general.poweredByOsm.textFor(targetLanguage) | ||||
|         ) | ||||
|         .replace(/<!-- THEME-SPECIFIC -->.*<!-- THEME-SPECIFIC-END-->/s, themeSpecific) | ||||
|         .replace( | ||||
|             /<!-- DESCRIPTION START -->.*<!-- DESCRIPTION END -->/s, | ||||
|             asLangSpan(layout.shortDescription) | ||||
|         )  .replace(/<!-- IMAGE-START -->.*<!-- IMAGE-END-->/s, "<img class='p-8 h-32 w-32 self-start' src='"+ icon+"' />") | ||||
|         )  .replace(/<!-- IMAGE-START -->.*<!-- IMAGE-END -->/s, "<img class='p-8 h-32 w-32 self-start' src='"+ icon+"' />") | ||||
| 
 | ||||
|         .replace( | ||||
|             '<script type="module" src="./index.ts"></script>', | ||||
|  |  | |||
|  | @ -44,9 +44,11 @@ | |||
|         <div class="w-full h-screen flex flex-col items-center justify-between"> | ||||
|             <div class="w-full h-full flex flex-col items-center"> | ||||
|                  | ||||
|             <h1 id="default-title">Loading MapComplete, hang on...</h1> | ||||
|             <div id="default-title"> | ||||
|                 Loading MapComplete, hang on... | ||||
|             </div> | ||||
| 
 | ||||
|             <p class="text-xl"> | ||||
|             <p class="text-xl" id="descriptions-while-loading"> | ||||
|                 <!-- DESCRIPTION START --> | ||||
|                 MapComplete is an easy to use map viewer and map editor | ||||
|                 <!-- DESCRIPTION END --> | ||||
|  | @ -89,7 +91,7 @@ | |||
|         } | ||||
|     } | ||||
| 
 | ||||
|     filterLangs(document.getElementById("default-main")) | ||||
|     filterLangs(document.getElementById("descriptions-while-loading")) | ||||
|     filterLangs(document.getElementById("default-title")) | ||||
| </script> | ||||
| 
 | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue