Style the block placeholder element

pull/847/head
Ryan Arthur 6 years ago committed by Stamates
parent f1623c1286
commit 5b4fca0d9d
  1. 2
      apps/block_scout_web/assets/css/components/_loading-spinner.scss
  2. 14
      apps/block_scout_web/assets/js/pages/block.js

@ -38,7 +38,7 @@
.loading-spinner-small {
display: inline-block;
position: relative;
top: -0.05em;
top: -0.125em;
margin: auto 0.5em auto 0;
width: 1em;
height: 1em;

@ -110,13 +110,15 @@ if ($blockListPage.length) {
function placeHolderBlock(blockNumber) {
return `
<div class="tile tile-type-block fade-up" data-selector="place-holder" data-block-number="${blockNumber}">
<div class="row">
<div class="col-md-6">
<span>${blockNumber}</span>
<div>
<div class="col-md-6">
Block Mined, awaiting import...
<div class="d-flex">
<span class="loading-spinner-small ml-1 mr-4">
<span class="loading-spinner-block-1"></span>
<span class="loading-spinner-block-2"></span>
</span>
<div>
<div class="tile-title">${blockNumber}</div>
<div> Block Mined, awaiting import...</div>
</div>
</div>
</div>
`

Loading…
Cancel
Save