Add loading spinner in /blocks page

2022-05-24 11:55:43 +02:00 · 2022-05-24 11:55:43 +02:00 · 406d4101c0
commit 406d4101c0
parent b91654886a
2 changed files with 7 additions and 0 deletions
--- a/frontend/src/app/components/blocks-list/blocks-list.component.html
+++ b/frontend/src/app/components/blocks-list/blocks-list.component.html
@ -2,6 +2,7 @@

 <div class="container-xl" [class]="widget ? 'widget' : 'full-height'">
  <h1 *ngIf="!widget" class="float-left" i18n="master-page.blocks">Blocks</h1>
+  <div *ngIf="!widget && isLoading" class="spinner-border ml-3" role="status"></div>

  <div class="clearfix"></div>

--- a/frontend/src/app/components/blocks-list/blocks-list.component.scss
+++ b/frontend/src/app/components/blocks-list/blocks-list.component.scss
@ -1,3 +1,9 @@
+.spinner-border {
+  height: 25px;
+  width: 25px;
+  margin-top: 13px;
+}
+
 .container-xl {
  max-width: 1400px;
  padding-bottom: 100px;