Fixed #293 -- Trocar os componentes de carregamento por elementos pla…

…ceholder (Skeleton Boilerplate)
bireme · Oct 11, 2023 · 2ed76d9 · 2ed76d9
1 parent 46e2115
commit 2ed76d9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/client/css/default/placeholder.css b/client/css/default/placeholder.css
@@ -16,7 +16,6 @@
 
 .placeholder .line {
   float: left;
-  /*width: 140px;*/
   width: 100%;
   height: 16px;
   margin-top: 12px;
@@ -26,6 +25,10 @@
   animation: shine-lines 1.6s infinite linear;
 }
 
+.placeholder.list-group .line:nth-child(odd) {
+  width: 75%;
+}
+
 .placeholder .line ~ .line {
   background-color: #ddd;
 }
@@ -48,7 +51,7 @@
     background-position: -100px;
   }
   40%, 100% {
-    background-position: 300px;
+    background-position: 500px;
   }
 }
 @keyframes shine-avatar {

diff --git a/client/templates/default/menu.tpl.php b/client/templates/default/menu.tpl.php
@@ -105,7 +105,7 @@
                             <h6><b><?php echo $trans->getTrans($_REQUEST["action"],'DOCUMENTS'); ?></b><a class="modal-trigger" href="#modal-suggestions"  title="Widget Info"><i class="fas fa-info-circle widget-info"></i></a></h6>
                             <div class="divider"></div>
                             <div class="preloader-container">
-                              <div class="placeholder">
+                              <div class="placeholder list-group">
                                 <div class="line"></div>
                                 <div class="line"></div>
                                 <div class="line"></div>