@capillarytech/creatives-library 8.0.230 → 8.0.231

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "8.0.230",
+  "version": "8.0.231",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/v2Components/CapPageSpinner/index.js

@@ -9,10 +9,14 @@ export const CapPageSpinner = (props) => {
 
     return (
         <CapRow className="cap-custom-page-spinner">
-            <CapSpin spinning={props.spinning}>
-                {props.children}
-            </CapSpin>
-            {props.spinning && <CapLabel className="cap-custom-page-spinner-text">{props.intl.formatMessage(messages.text)}</CapLabel>}
+            {props.spinning &&
+                <CapRow className="cap-custom-page-spinner-content">
+                    <CapSpin spinning={props.spinning}>
+                        {props.children}
+                    </CapSpin>
+                    {props.spinning && <CapLabel className="cap-custom-page-spinner-text">{props.intl.formatMessage(messages.text)}</CapLabel>}
+                </CapRow>
+            }
         </CapRow>
     );
 };

package/v2Components/CapPageSpinner/index.scss

@@ -5,10 +5,22 @@
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  width: 100%;
-  padding-top: 1.25rem;
   text-align: center;
   gap: 0.5rem;
+  background-color: white;
+
+  .cap-custom-page-spinner-content {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5rem;
+    position: fixed;
+    bottom: 0;
+    padding: 0.5rem;
+    border-radius: 0.5rem;
+    background-color: white;
+  }
   
   .cap-custom-page-spinner-text {
     color: $FONT_COLOR_02;

package/v2Components/CmsTemplatesComponent/index.js

@@ -40,7 +40,7 @@ function CmsTemplatesComponent(props) {
   }, []);
 
   return (<CapSpin spinning={props.cmsTemplatesLoader}>
-    <div className="v2-pagination-container">
+    <div className="pagination-container full-height">
       <CapCustomCardList cardList={cardDataList} type="Email" />
     </div>
   </CapSpin>);

package/v2Components/Pagination/_pagination.scss

@@ -1,5 +1,9 @@
 .v2-pagination-container{
-  height: calc(100vh - 25rem);
+  height: calc(100vh - 20rem);
   overflow-y: auto;
   overflow-x: hidden;
 }
+
+.v2-pagination-container.full-height {
+  height: 100vh;
+}

package/v2Containers/Email/index.js

@@ -2616,7 +2616,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     }) : [];
     return (<div>
       <CapSpin spinning={isLoading} tip={loadingTip}>
-        {!_.isEmpty(templates) && <div className="v2-pagination-container">
+        {!_.isEmpty(templates) && <div className="pagination-container full-height">
           <CapCustomCardList key={`${currentChannel}-card-list`} cardList={cardDataList} type={'Email'} />
         </div>}
       </CapSpin>

package/v2Containers/Templates/_templates.scss

@@ -659,7 +659,7 @@
   }
 }
 .v2-pagination-container-half{
-  height: calc(100vh - 22rem);
+  height: calc(100vh - 20rem);
   overflow-y: auto;
   overflow-x: hidden;
 }