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;
}
.card span.loader {
margin-top: 4rem;
}
.loader-text {
margin-top: 0.5rem;
}

View File

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

View File

@ -250,6 +250,7 @@
Punchcard</h6>
</div>
<div class="chart-area" id="punchCard">
<span class="loader"></span>
</div>
</div>
<div class="card shadow mb-4">
@ -332,7 +333,8 @@
class="far fa-fw fa-calendar-alt col-teal"></i>
Session Calendar</h6>
</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>
<!-- Most Recent Sessions -->

View File

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