move load bar in gabinete digital to top

src/app/shared/gabinete-digital/despachos/despachos.page.scss

@@ -1,11 +1,8 @@
 @import '~src/function.scss';
 /* CONTENT */
-ion-header {
-  padding: 30px 20px 0 20px !important;
-  margin: 0;
-}
 
 .title{
+  padding: 30px 20px 0 20px !important;
     font-family: Roboto;
     font-size: 25px;
     color:#000;
@@ -26,7 +23,7 @@ ion-header {
   }
   .ion-item-class{
     padding: 0;
-  
+
   }
   .label-text{
     width: 100%;
@@ -76,7 +73,7 @@ ion-item{
   .div-icon ion-icon{
     display: block;
     margin: 0 auto;
-  
+
   }
   .div-content-expediente p, .div-content-pendentes p{
     font-size: 14pt;
@@ -157,7 +154,7 @@ ion-item{
   .exp-workflow{
     float: left;
     margin: 0 !important;
-  
+
     .label{
       border-radius: 15px;
       background: #ffb703;
@@ -220,4 +217,4 @@ ion-item{
   font-size: 45px;
   float: right;
   margin-right: 10px;
-}
+}

src/app/shared/gabinete-digital/diplomas/diplomas.page.html

@@ -21,7 +21,7 @@
 </ion-header>
 <ion-content>
 
-  <div class="width-100 overflow-y-auto height-100" [ngSwitch]="segment">
+  <div class="main-container width-100 overflow-y-auto height-100" [ngSwitch]="segment">
 
     <div *ngIf="deplomasStore.diplomasList.length >= 1">
       <ion-list *ngSwitchCase="'validar'">

src/app/shared/gabinete-digital/diplomas/diplomas.page.scss

@@ -1,10 +1,11 @@
 @import '~src/function.scss';
 /* CONTENT */
-:host{
+/* :host{
     padding: 30px 20px 0 20px !important;
     margin: 0;
-}
+} */
 .title{
+  padding: 30px 20px 0 20px !important;
     font-family: Roboto;
     font-size: 25px;
     color:#000;
@@ -19,6 +20,11 @@
       float: right;
     }
   }
+  .main-container{
+    padding: 0px 20px 0 20px !important;
+    margin: 0;
+    color:#000;
+}
 .item-list-small{
     font-size: 11px;
     overflow: hidden;

src/app/shared/gabinete-digital/diplomas/diplomas.page.ts

@@ -42,7 +42,7 @@ constructor(
   ngOnInit() {
     // update list
     this.LoadList()
-    
+
     this.router.events.forEach((event) => {
       if (event instanceof NavigationStart && '/home/gabinete-digital?diplomas=true'.startsWith(event.url)) {
         if(window.location.pathname.split('/').length >= 4 && window.location.pathname.startsWith('/home/gabinete-digital')) {
@@ -53,7 +53,7 @@ constructor(
       }
     });
 
-    
+
   }
 
   segmentChanged(ev: any) {
@@ -69,7 +69,8 @@ constructor(
   }
 
   async LoadList() {
-    
+    this.skeletonLoader = true;
+
     let diplomas = await this.processes.GetTasksList("Despacho do Presidente da República", false).toPromise();
 
     this.diplomasList = [];

src/app/shared/gabinete-digital/events-to-approve/events-to-approve.page.html

@@ -1,4 +1,5 @@
 <ion-header>
+  <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
   <div class="title width-100">
     <div class="title-container d-flex justify-space-between">
       <span class="text-center mt-0 aside-title px-20"><label>Eventos para Aprovação</label></span>
@@ -25,7 +26,6 @@
   </ion-refresher>
   <div class="main-content overflow-y-auto height-100" [ngSwitch]="segment">
 
-    <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
     <div *ngSwitchCase="'MDGPR'" class="height-100">
 
       <div *ngIf="eventaprovacaostore.listmd.length != 0">