Sorted out loaders for graphs

This commit is contained in:
Risto Lahtela 2021-03-21 08:41:57 +02:00
parent cbb2d328a1
commit 15aca9aafa
4 changed files with 13 additions and 7 deletions

View File

@ -24,6 +24,10 @@
animation: loader 2s infinite ease; animation: loader 2s infinite ease;
} }
.card span.loader {
margin-top: 4rem;
}
.loader-text { .loader-text {
margin-top: 0.5rem; margin-top: 0.5rem;
} }

View File

@ -492,7 +492,7 @@
class="fas fa-fw fa-chart-line col-amber"></i> class="fas fa-fw fa-chart-line col-amber"></i>
Playerbase development</h6> Playerbase development</h6>
</div> </div>
<div class="chart-area" id="activityStackGraph"></div> <div class="chart-area" id="activityStackGraph"><span class="loader"></span></div>
</div> </div>
</div> </div>
@ -504,7 +504,7 @@
class="fa fa-fw fa-users col-amber"></i> class="fa fa-fw fa-users col-amber"></i>
Current Playerbase</h6> Current Playerbase</h6>
</div> </div>
<div class="chart-area" id="activityPie"></div> <div class="chart-area" id="activityPie"><span class="loader"></span></div>
</div> </div>
</div> </div>
</div> </div>
@ -624,7 +624,7 @@
Join Addresses Join Addresses
</h6> </h6>
</div> </div>
<div class="chart-area" id="joinAddressPie"></div> <div class="chart-area" id="joinAddressPie"><span class="loader"></span></div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -250,6 +250,7 @@
Punchcard</h6> Punchcard</h6>
</div> </div>
<div class="chart-area" id="punchCard"> <div class="chart-area" id="punchCard">
<span class="loader"></span>
</div> </div>
</div> </div>
<div class="card shadow mb-4"> <div class="card shadow mb-4">
@ -332,7 +333,8 @@
class="far fa-fw fa-calendar-alt col-teal"></i> class="far fa-fw fa-calendar-alt col-teal"></i>
Session Calendar</h6> Session Calendar</h6>
</div> </div>
<div class="chart-area" id="sessionCalendar" style="height: 510px;"></div> <div class="chart-area" id="sessionCalendar" style="height: 510px;"><span
class="loader"></span></div>
</div> </div>
<!-- Most Recent Sessions --> <!-- Most Recent Sessions -->

View File

@ -747,7 +747,7 @@
class="fas fa-fw fa-chart-line col-amber"></i> class="fas fa-fw fa-chart-line col-amber"></i>
Playerbase development</h6> Playerbase development</h6>
</div> </div>
<div class="chart-area" id="activityStackGraph"></div> <div class="chart-area" id="activityStackGraph"><span class="loader"></span></div>
</div> </div>
</div> </div>
@ -759,7 +759,7 @@
class="fa fa-fw fa-users col-amber"></i> class="fa fa-fw fa-users col-amber"></i>
Current Playerbase</h6> Current Playerbase</h6>
</div> </div>
<div class="chart-area" id="activityPie"></div> <div class="chart-area" id="activityPie"><span class="loader"></span></div>
</div> </div>
</div> </div>
</div> </div>
@ -876,7 +876,7 @@
Join Addresses Join Addresses
</h6> </h6>
</div> </div>
<div class="chart-area" id="joinAddressPie"></div> <div class="chart-area" id="joinAddressPie"><span class="loader"></span></div>
</div> </div>
</div> </div>
</div> </div>