Commit e42e36d0 authored by dmorley's avatar dmorley

use bootstrap spinner

parent 2416246a
......@@ -210,7 +210,7 @@ a {
.loadingtable {
width: 100%;
height: 300px;
height: 100%;
background-color: #ffffff;
position: fixed;
margin: 0;
......@@ -218,41 +218,19 @@ a {
z-index: 1500;
}
.signal {
border: 4px solid #000000;
border-radius: 50px;
height: 40px;
left: 40px;
margin: -20px 0 0 -20px;
opacity: 0;
.spin {
top: 4%;
left: 2%;
position: absolute;
top: 160px;
width: 40px;
animation: pulsate 1s ease-out;
animation-iteration-count: 10;
}
.loadingmessage {
left: 1%;
position: absolute;
top: 19%;
top: 10%;
color: #000;
}
@keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0.0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
.featherlight-close-icon {
font-size: 30px;
}
......
body{font-family:helvetica,sans-serif;font-weight:400;--black: #0e0e0e;--lgrey: #7a94a4;--grey: #36454f;--white: #f8f8ff}a.white{color:var(--white)}span.white{color:var(--white)}a{color:var(--black)}.bg-blue{background-color:var(--black)!important}.bg-grey{background-color:var(--lgrey)!important}.main{padding-top:4px}.placeholders{margin-bottom:30px;text-align:center}.placeholders h4{margin-bottom:0}.placeholder{margin-bottom:20px}.placeholder img{border-radius:50%;display:inline-block}.tfont{font-size:16px}.smlogo{background:0 0;display:inline-block}#map{height:580px}.mycluster{width:35px;height:35px;text-align:left;font-size:17px;background:url(/node_modules/leaflet/dist/images/marker-icon-2x.png)repeat-y 100% 100%;background-size:25px 37px}.icon{color:red}.tablesorter-pager .btn-group-sm .btn{font-size:1.2em}.tablesorter-filter-row td{background-color:#eee;line-height:normal;text-align:center;-webkit-transition:line-height .1s ease;-moz-transition:line-height .1s ease;-o-transition:line-height .1s ease;transition:line-height .1s ease}.tablesorter-filter-row .disabled{opacity:.5;filter:alpha(opacity=50);cursor:not-allowed}.tablesorter-filter-row.hideme td{padding:1px;margin:0;line-height:0;cursor:pointer}.tablesorter-filter-row.hideme *{height:1px;min-height:0;border:0;padding:0;margin:0;opacity:0;filter:alpha(opacity=0)}.tablesorter-filter{width:98%;height:inherit;margin:1px;padding:1px;background-color:#fff;border:1px solid #bbb;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:height .1s ease;-moz-transition:height .1s ease;-o-transition:height .1s ease;transition:height .1s ease}.pagination{display:inline-block;color:#000;float:left;padding:2px 8px;margin:0 4px;text-decoration:none;transition:background-color .3s;border:1px solid #ddd;cursor:pointer}.pagination.disabled{color:#f0f0f0}.pagedisplay{display:inline-block;color:#000;float:left;padding:4px 0!important;text-decoration:none;transition:background-color .3s;cursor:pointer}.tablesorter-header{background-size:10px 15px!important;background-color:var(--grey)!important;color:#fff}.columnSelectorWrapper{position:relative;display:none}.columnSelector,.hidden{display:none}#colSelect1:checked~#columnSelector{display:block}.columnSelector{width:290px;position:absolute;top:40px;padding:10px;background:#fff;border:#000 1px solid;border-radius:5px;z-index:1400;right:1px}.columnSelector label{display:inline-flex}.columnSelector label:nth-child(1){border:#000 solid 1px}.columnSelector input{margin:5px}.columnSelector .disabled{color:#ddd}.loadingtable{width:100%;height:300px;background-color:#fff;position:fixed;margin:0;padding:0;z-index:1500}.signal{border:4px solid #000;border-radius:50px;height:40px;left:40px;margin:-20px 0 0 -20px;opacity:0;position:absolute;top:160px;width:40px;animation:pulsate 1s ease-out;animation-iteration-count:10}.loadingmessage{left:1%;position:absolute;top:19%;color:#000}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}.featherlight-close-icon{font-size:30px}.featherlight-loading .featherlight-content{animation:pulsate 1s ease-out;animation-iteration-count:infinite;border:5px solid #fff;border-radius:30px;height:30px;margin:-15px 0 0 -15px;position:absolute;width:30px}.featherlight-loading .featherlight-content>*{display:none!important}.featherlight-loading .featherlight-close,.featherlight-loading .featherlight-inner{display:none}.tooltip{pointer-events:none}.navbar{background-color:var(--grey)}.url{max-width:99%;text-overflow:ellipsis;overflow:hidden;display:inline-block;white-space:nowrap}
\ No newline at end of file
body{font-family:helvetica,sans-serif;font-weight:400;--black: #0e0e0e;--lgrey: #7a94a4;--grey: #36454f;--white: #f8f8ff}a.white{color:var(--white)}span.white{color:var(--white)}a{color:var(--black)}.bg-blue{background-color:var(--black)!important}.bg-grey{background-color:var(--lgrey)!important}.main{padding-top:4px}.placeholders{margin-bottom:30px;text-align:center}.placeholders h4{margin-bottom:0}.placeholder{margin-bottom:20px}.placeholder img{border-radius:50%;display:inline-block}.tfont{font-size:16px}.smlogo{background:0 0;display:inline-block}#map{height:580px}.mycluster{width:35px;height:35px;text-align:left;font-size:17px;background:url(/node_modules/leaflet/dist/images/marker-icon-2x.png)repeat-y 100% 100%;background-size:25px 37px}.icon{color:red}.tablesorter-pager .btn-group-sm .btn{font-size:1.2em}.tablesorter-filter-row td{background-color:#eee;line-height:normal;text-align:center;-webkit-transition:line-height .1s ease;-moz-transition:line-height .1s ease;-o-transition:line-height .1s ease;transition:line-height .1s ease}.tablesorter-filter-row .disabled{opacity:.5;filter:alpha(opacity=50);cursor:not-allowed}.tablesorter-filter-row.hideme td{padding:1px;margin:0;line-height:0;cursor:pointer}.tablesorter-filter-row.hideme *{height:1px;min-height:0;border:0;padding:0;margin:0;opacity:0;filter:alpha(opacity=0)}.tablesorter-filter{width:98%;height:inherit;margin:1px;padding:1px;background-color:#fff;border:1px solid #bbb;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:height .1s ease;-moz-transition:height .1s ease;-o-transition:height .1s ease;transition:height .1s ease}.pagination{display:inline-block;color:#000;float:left;padding:2px 8px;margin:0 4px;text-decoration:none;transition:background-color .3s;border:1px solid #ddd;cursor:pointer}.pagination.disabled{color:#f0f0f0}.pagedisplay{display:inline-block;color:#000;float:left;padding:4px 0!important;text-decoration:none;transition:background-color .3s;cursor:pointer}.tablesorter-header{background-size:10px 15px!important;background-color:var(--grey)!important;color:#fff}.columnSelectorWrapper{position:relative;display:none}.columnSelector,.hidden{display:none}#colSelect1:checked~#columnSelector{display:block}.columnSelector{width:290px;position:absolute;top:40px;padding:10px;background:#fff;border:#000 1px solid;border-radius:5px;z-index:1400;right:1px}.columnSelector label{display:inline-flex}.columnSelector label:nth-child(1){border:#000 solid 1px}.columnSelector input{margin:5px}.columnSelector .disabled{color:#ddd}.loadingtable{width:100%;height:100%;background-color:#fff;position:fixed;margin:0;padding:0;z-index:1500}.spin{top:4%;left:2%;position:absolute}.loadingmessage{left:1%;position:absolute;top:10%;color:#000}.featherlight-close-icon{font-size:30px}.featherlight-loading .featherlight-content{animation:pulsate 1s ease-out;animation-iteration-count:infinite;border:5px solid #fff;border-radius:30px;height:30px;margin:-15px 0 0 -15px;position:absolute;width:30px}.featherlight-loading .featherlight-content>*{display:none!important}.featherlight-loading .featherlight-close,.featherlight-loading .featherlight-inner{display:none}.tooltip{pointer-events:none}.navbar{background-color:var(--grey)}.url{max-width:99%;text-overflow:ellipsis;overflow:hidden;display:inline-block;white-space:nowrap}
\ No newline at end of file
......@@ -57,5 +57,4 @@ $table
$('table').trigger('update', [true]);
$('.loadingtable').slideToggle('slow');
})
//$('[data-toggle="tooltip"]').tooltip();
});
......@@ -63,7 +63,9 @@ $serverlocation = c('serverlocation');
<div class="table-responsive">
<div class="loadingtable">
<div class="loadingmessage">Loading all pods to the table, this takes a few seconds..</div>
<div class="signal"></div>
<div class="spin spinner-border" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<table class="table table-bordered table-sm tablesorter table-hover tfont">
<thead class="thead">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment