fix loader pos in qtable while scrolling (#35)

altai-ui · Jan 18, 2021 · 0a6104b · 0a6104b
1 parent c8c4ddf
commit 0a6104b
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 15 deletions.
diff --git a/src/qComponents/QTable/__snapshots__/QTable.test.js.snap b/src/qComponents/QTable/__snapshots__/QTable.test.js.snap
@@ -17,14 +17,14 @@ exports[`QTable QTable should match snapshot 1`] = `
       viewtag="div"
       wrapclass="q-table__scroll-wrapper"
     >
+      <!---->
+       
       <div
         class="q-table__wrapper"
         style="transition: all 0.2s;"
       >
         <!---->
          
-        <!---->
-         
         <table
           cellpadding="0"
           cellspacing="0"

diff --git a/src/qComponents/QTable/src/QTable.vue b/src/qComponents/QTable/src/QTable.vue
@@ -19,25 +19,24 @@
         wrap-class="q-table__scroll-wrapper"
         theme="secondary"
       >
+        <div
+          v-if="isLoading || !isLoadingAnimationComplete"
+          class="q-table__loader"
+          :class="{ 'q-table__loader_is-loading': isLoading }"
+        >
+          <div class="q-table__loader-circle">
+            <div class="q-table__loader-circle_quarter" />
+            <div class="q-table__loader-circle_quarter" />
+            <div class="q-table__loader-circle_quarter" />
+            <div class="q-table__loader-circle_quarter" />
+          </div>
+        </div>
         <div
           ref="tableWrapper"
           class="q-table__wrapper"
           :class="wrapperClass"
           :style="loadingWrapperClass"
         >
-          <div
-            v-if="isLoading || !isLoadingAnimationComplete"
-            class="q-table__loader"
-            :class="{ 'q-table__loader_is-loading': isLoading }"
-          >
-            <div class="q-table__loader-circle">
-              <div class="q-table__loader-circle_quarter" />
-              <div class="q-table__loader-circle_quarter" />
-              <div class="q-table__loader-circle_quarter" />
-              <div class="q-table__loader-circle_quarter" />
-            </div>
-          </div>
-
           <template v-if="isDraggable">
             <div class="dnd-handler" />
             <div class="dnd-separator" />