Fix mobile loading spinner

isc30 · web-flow · commit d22df4a8bfea · 2020-04-30T09:27:27.000+02:00
Merge pull request #35 from isc30/feature/demo
diff --git a/demo/WasmHost/Shared/NavMenu.razor b/demo/WasmHost/Shared/NavMenu.razor
@@ -1,5 +1,5 @@
 ﻿<div class="top-row pl-4 navbar navbar-dark">
-    <a class="navbar-brand" href="">WasmHost</a>
+    <a class="navbar-brand" href="">Blazor Lazy Loading</a>
     <button class="navbar-toggler" @onclick="ToggleNavMenu">
         <span class="navbar-toggler-icon"></span>
     </button>
diff --git a/demo/WasmHost/wwwroot/css/global.css b/demo/WasmHost/wwwroot/css/global.css
@@ -32,7 +32,6 @@
     top:0; left:0;
     width: 100%;
     height: 100%;
-    position: absolute;
     background-color: black;
     color: white;
 }
diff --git a/demo/WasmHost/wwwroot/css/site.css b/demo/WasmHost/wwwroot/css/site.css
@@ -150,6 +150,11 @@ app {
     .main .top-row a, .main .top-row .btn-link {
         margin-left: 0;
     }
+
+    .main .full {
+        position: relative;
+        margin-top: calc(50vh - 80px - 1.5em);
+    }
 }
 
 @media (min-width: 768px) {

Original file line number	Diff line number	Diff line change
`@@ -150,6 +150,11 @@ app {`
`150`	`150`	`.main .top-row a, .main .top-row .btn-link {`
`151`	`151`	`margin-left: 0;`
`152`	`152`	`}`
	`153`	`+`
	`154`	`+ .main .full {`
	`155`	`+ position: relative;`
	`156`	`+ margin-top: calc(50vh - 80px - 1.5em);`
	`157`	`+ }`
`153`	`158`	`}`
`154`	`159`
`155`	`160`	`@media (min-width: 768px) {`