improve gabinete digital responsiveness

src/app/pages/agenda/agenda.page.ts

@@ -339,22 +339,32 @@ export class AgendaPage implements OnInit {
   // for timeline
   centralizeTimeline(timeout: number) {
     // auto scroll timeline
-    setTimeout(() => {
-      const timelineMarker = document.querySelector('.cal-current-time-marker');
-      const scrollContainer = document.querySelector('.timeline-wrapper');
 
-      try {
+    if(!this.showLoader) {
-        scrollContainer.scroll({
+      setTimeout(() => {
-          top: timelineMarker['offsetTop'] - ((scrollContainer['offsetHeight']/2) - 60),
+        const timelineMarker = document.querySelector('.cal-current-time-marker');
-          left: 0, 
+        const scrollContainer = document.querySelector('.timeline-wrapper');
-          behavior: 'smooth' 
+  
-        })
+        
-      } catch (error) {
+        try {
-        //
+          scrollContainer.scroll({
-        this.selectFirstEventOfTheDay();
+            top: timelineMarker['offsetTop'] - ((scrollContainer['offsetHeight']/2) - 60),
-      }
+            left: 0, 
+            behavior: 'smooth' 
+          })
+        } catch (error) {
+          //
+          if(!this.showLoader) {
+            this.selectFirstEventOfTheDay();
+          }
+          
+        }
+  
+  
+  
+      }, timeout);
+    }
 
-    }, timeout);
   }
 
   // for timeline

src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.ts

@@ -209,7 +209,7 @@ export class BookMeetingModalPage implements OnInit {
     }
   }
 
-  async distartExpedientModal(){
+  async distartExpedientModal() {
     const modal = await this.modalController.create({
       component: DiscartExpedientModalPage,
        componentProps: {

src/app/pages/gabinete-digital/gabinete-digital.page.html

@@ -11,7 +11,7 @@
   <div class="main-content d-flex height-100">
 
       <!-- Aside left -->
-      <div class="aside-wrapper d-flex flex-column justify-center width-md-40 ">
+      <div class="aside-wrapper d-flex flex-column justify-center width-md-40 flex-grow-1 ">
         <div class="title-container">
           <ion-label class="title">Gabinete Digital</ion-label>
           <button class="btn-no-color btn-refresh" (click)="doRefresh($event)">

src/app/pages/gabinete-digital/gabinete-digital.page.ts

@@ -64,7 +64,7 @@ export class GabineteDigitalPage implements OnInit {
 
       window.onresize = (event) => {
         // if not mobile remove all component
-        if( window.innerWidth <= 1024){
+        if( window.innerWidth <= 800){
           this.modalController.dismiss();
         }
       };
@@ -195,7 +195,7 @@ export class GabineteDigitalPage implements OnInit {
     console.log(profile);
     
     this.closeAllDesktopComponents();
-    if( window.innerWidth <= 1024){
+    if( window.innerWidth <= 800){
       this.openEventsToApproveList(profile);
     }
     else{
@@ -203,7 +203,7 @@ export class GabineteDigitalPage implements OnInit {
     }
   }
   
-  async openEventsToApproveList(profile:any){
+  async openEventsToApproveList(profile:any) {
     
     this.closeAllDesktopComponent();
     //if( window.innerWidth <= 1024){