Make loader position absolute

eoghan2t9 · Jun 16, 2020 · f7e1340 · f7e1340
1 parent a7b887b
commit f7e1340
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/client/src/components/Logs/Logs.css b/client/src/components/Logs/Logs.css
@@ -545,10 +545,11 @@
     }
 }
 
-.loader__container {
-    transform: translateY(-20rem);
+.loading__container > .-loading-inner{
+    top: 10rem !important;
+    bottom: initial !important;
 }
 
-.loader__text {
+.loading__text {
     transform: translateY(3rem);
 }
diff --git a/client/src/components/Logs/Table.js b/client/src/components/Logs/Table.js
@@ -228,10 +228,11 @@ const Table = (props) => {
             className={tableClass}
             defaultPageSize={TABLE_DEFAULT_PAGE_SIZE}
             loadingText={
-                <div className="loader__container">
+                <>
                     <Loading />
-                    <h1 className="loader__text">{t('loading_table_status')}</h1>
-                </div>}
+                    <h6 className="loading__text">{t('loading_table_status')}</h6>
+                </>}
+            getLoadingProps={() => ({ className: 'loading__container' })}
             rowsText={t('rows_table_footer_text')}
             noDataText={!processingGetLogs
             && <label className="logs__text logs__text--bold">{t('nothing_found')}</label>}