From f1a9f1796a0b293730e7d12c5f52aa29bd623417 Mon Sep 17 00:00:00 2001
From: "tiago.kayaya" <tiago.kayaya@equilibrium.co.ao>
Date: Fri, 3 Sep 2021 12:11:01 +0100
Subject: [PATCH] save

---
 .../gabinete-digital.page.scss                |  4 +-
 .../expedientes-pr/expedientes-pr.page.html   |  2 +-
 .../expedientes-pr/expedientes-pr.page.scss   | 85 +++----------------
 .../expedients/expedients.page.html           |  4 +-
 .../expedients/expedients.page.scss           | 82 +++---------------
 5 files changed, 28 insertions(+), 149 deletions(-)

diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.scss b/src/app/pages/gabinete-digital/gabinete-digital.page.scss
index d4fba4516..852c5e3e6 100644
--- a/src/app/pages/gabinete-digital/gabinete-digital.page.scss
+++ b/src/app/pages/gabinete-digital/gabinete-digital.page.scss
@@ -149,6 +149,7 @@ ion-segment-button{
       border-radius: 15px;
       box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
       background: white;
+      border: 1px solid white;
       float: left;
     }
     .exp-card-long{
@@ -161,7 +162,7 @@ ion-segment-button{
       margin: 7px 20px;
       border-radius: 15px;
       padding: 7px;
-      border: blue !important;
+      border:1px solid white;
 
       .center-div{
         width: fit-content;
@@ -559,6 +560,7 @@ ion-list{
 .active {
   color: white !important;
   fill: white !important;
+  border: 1px solid #42b9fe !important;
   background: #42b9fe !important;
   box-sizing: border-box;
 
diff --git a/src/app/shared/gabinete-digital/expedientes-pr/expedientes-pr.page.html b/src/app/shared/gabinete-digital/expedientes-pr/expedientes-pr.page.html
index 8c128bda1..4ba4bac60 100644
--- a/src/app/shared/gabinete-digital/expedientes-pr/expedientes-pr.page.html
+++ b/src/app/shared/gabinete-digital/expedientes-pr/expedientes-pr.page.html
@@ -10,7 +10,7 @@
 </ion-header>
 <ion-content>
 
-  <div class="width-100 overflow-y-auto height-100" >
+  <div class="content width-100 overflow-y-auto height-100">
 
     <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
     <ion-list *ngIf="expedienteGdStore.list.length >= 1">
diff --git a/src/app/shared/gabinete-digital/expedientes-pr/expedientes-pr.page.scss b/src/app/shared/gabinete-digital/expedientes-pr/expedientes-pr.page.scss
index cd1087582..1a0dc6200 100644
--- a/src/app/shared/gabinete-digital/expedientes-pr/expedientes-pr.page.scss
+++ b/src/app/shared/gabinete-digital/expedientes-pr/expedientes-pr.page.scss
@@ -1,7 +1,6 @@
 @import '~src/function.scss';
-/* CONTENT */
+//CONTENT
 :host{
-    padding: 30px 20px 0 20px !important;
     margin: 0;
 }
 .title{
@@ -9,6 +8,7 @@
     font-size: 25px;
     color:#000;
     overflow: auto;
+    padding: 30px 20px 0 20px !important;
 
     .thetitle{
       width: fit-content;
@@ -19,19 +19,6 @@
       float: right;
     }
   }
-.item-list-small{
-    font-size: 11px;
-    overflow: auto;
-  }
-  .ion-item-class{
-    padding: 0;
-
-  }
-  .label-text{
-    width: 100%;
-    padding: 0;
-    margin: 0;
-  }
 //DIV
 ion-item{
   --background: none;
@@ -40,76 +27,28 @@ ion-item{
     //border-radius: 15px;
     //box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
     //Sborder: solid 1px #e9e9e9;
-    background-color: var(--white);
+    //background-color: var(--white);
     margin: 0 auto;
     //padding: 10px;
     overflow: auto;
   }
-.div-content-expediente{
-  width: 100%;
-  float: left;
-  border-left: 3px solid #dae3f3;
-  padding:5px 5px 15px 5px;
-  margin: 10px 0 10px 0;
-  background:  #dae3f3;
-  border-radius: 20px;
-}
-.div-content-pendentes{
-  width: 100%;
-  float: left;
-  border-left: 3px solid #d9d9d9;
-  padding: 5px;
-}
-  .div-content-expediente h3, .div-content-pendentes h3{
-    margin: 0;
-    padding: 0;
-    font-size: 14pt;
-    width: 100%;
-  }
-  .div-icon{
-    width: 10%;
-    font-size: 20px;
-    float: left;
-    color: #808080;
-  }
-  .div-icon ion-icon{
-    display: block;
-    margin: 0 auto;
-
-  }
-  .div-content-expediente p, .div-content-pendentes p{
-    font-size: 14pt;
-    color: rgb(94, 92, 92);
-    padding: 0;
-    margin: 0;
-  }
-  .span-left{
-      /* border: 1px solid red; */
-      float: left;
-      font-size: 12px;
-      padding-left: 18px;
-  }
-  .span-right{
-    /* border: 1px solid blue; */
-    text-align: right;
-    float: right;
-    font-size: 12px;
-    padding-right: 18px;
-}
 
 /* New CSS */
+.content{
+  padding: 0px 20px 0 20px !important;
+}
 .expediente{
   border-radius: 15px;
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
   border:1px solid #e9e9e9 !important;
-  //background-color: var(--white);
+  //background-color: transparent;
   margin-bottom: 10px !important;
   padding: 15px;
 }
 .exp-list-item{
   //width: 368px;
   overflow: auto;
-  /* border-bottom: 1px solid gray; */
+  //border-bottom: 1px solid gray;
   margin: 10px auto;
 }
 
@@ -130,7 +69,7 @@ ion-item{
   .exp-icon{
     width: fit-content;
     float: right;
-   /* font-size: 13px; */
+    //font-size: 13px;
     margin: 0 !important;
     padding: 0 !important;
 
@@ -160,7 +99,7 @@ ion-item{
     .label{
       border-radius: 15px;
       background: #ffb703;
-      /* font-size: 12px; */
+      //font-size: 12px;
       float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
       color: #fff;
@@ -188,11 +127,11 @@ ion-item{
   .exp-remetente{
     //width: 200px;
     font-family: Roboto;
-   /*  font-size: 13px; */
+    //font-size: 13px;
     font-weight: normal;
     color: #000000;
     float: left;
-    /* border: 1px solid red; */
+    //border: 1px solid red;
   }
 }
 .div-top-header{
diff --git a/src/app/shared/gabinete-digital/expedients/expedients.page.html b/src/app/shared/gabinete-digital/expedients/expedients.page.html
index 05473058e..1c65289ef 100644
--- a/src/app/shared/gabinete-digital/expedients/expedients.page.html
+++ b/src/app/shared/gabinete-digital/expedients/expedients.page.html
@@ -1,6 +1,6 @@
 <ion-header class="ion-no-border">
   <div class="title">
-    <div class="thetitle"><ion-label >Expediente</ion-label></div>
+    <div class="thetitle"><ion-label >Expediente11</ion-label></div>
     <div class="theicon">
       <button class="btn-no-color" (click)="doRefresh()">
         <ion-icon slot="end" class="title-icon" name="reload-circle"></ion-icon>
@@ -18,7 +18,7 @@
       </ion-refresher-content>
   </ion-refresher>
 
-  <div class="width-100 overflow-y-auto height-100" >
+  <div class="content width-100 overflow-y-auto height-100" >
     <div >
       <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
       <ion-list *ngIf="expedientegbstore.list.length >=0">
diff --git a/src/app/shared/gabinete-digital/expedients/expedients.page.scss b/src/app/shared/gabinete-digital/expedients/expedients.page.scss
index 7eabe2f6c..1a0dc6200 100644
--- a/src/app/shared/gabinete-digital/expedients/expedients.page.scss
+++ b/src/app/shared/gabinete-digital/expedients/expedients.page.scss
@@ -1,7 +1,6 @@
 @import '~src/function.scss';
-/* CONTENT */
+//CONTENT
 :host{
-    padding: 30px 20px 0 20px !important;
     margin: 0;
 }
 .title{
@@ -9,6 +8,7 @@
     font-size: 25px;
     color:#000;
     overflow: auto;
+    padding: 30px 20px 0 20px !important;
 
     .thetitle{
       width: fit-content;
@@ -19,19 +19,6 @@
       float: right;
     }
   }
-.item-list-small{
-    font-size: 11px;
-    overflow: auto;
-  }
-  .ion-item-class{
-    padding: 0;
-
-  }
-  .label-text{
-    width: 100%;
-    padding: 0;
-    margin: 0;
-  }
 //DIV
 ion-item{
   --background: none;
@@ -45,60 +32,11 @@ ion-item{
     //padding: 10px;
     overflow: auto;
   }
-.div-content-expediente{
-  width: 100%;
-  float: left;
-  border-left: 3px solid #dae3f3;
-  padding:5px 5px 15px 5px;
-  margin: 10px 0 10px 0;
-  background:  #dae3f3;
-  border-radius: 20px;
-  border: 1px solid red;
-}
-.div-content-pendentes{
-  width: 100%;
-  float: left;
-  border-left: 3px solid #d9d9d9;
-  padding: 5px;
-}
-  .div-content-expediente h3, .div-content-pendentes h3{
-    margin: 0;
-    padding: 0;
-    font-size: 14pt;
-    width: 100%;
-  }
-  .div-icon{
-    width: 10%;
-    font-size: 20px;
-    float: left;
-    color: #808080;
-  }
-  .div-icon ion-icon{
-    display: block;
-    margin: 0 auto;
-
-  }
-  .div-content-expediente p, .div-content-pendentes p{
-    font-size: 14pt;
-    color: rgb(94, 92, 92);
-    padding: 0;
-    margin: 0;
-  }
-  .span-left{
-      /* border: 1px solid red; */
-      float: left;
-      font-size: 12px;
-      padding-left: 18px;
-  }
-  .span-right{
-    /* border: 1px solid blue; */
-    text-align: right;
-    float: right;
-    font-size: 12px;
-    padding-right: 18px;
-}
 
 /* New CSS */
+.content{
+  padding: 0px 20px 0 20px !important;
+}
 .expediente{
   border-radius: 15px;
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
@@ -110,7 +48,7 @@ ion-item{
 .exp-list-item{
   //width: 368px;
   overflow: auto;
-  /* border-bottom: 1px solid gray; */
+  //border-bottom: 1px solid gray;
   margin: 10px auto;
 }
 
@@ -131,7 +69,7 @@ ion-item{
   .exp-icon{
     width: fit-content;
     float: right;
-   /* font-size: 13px; */
+    //font-size: 13px;
     margin: 0 !important;
     padding: 0 !important;
 
@@ -161,7 +99,7 @@ ion-item{
     .label{
       border-radius: 15px;
       background: #ffb703;
-      /* font-size: 12px; */
+      //font-size: 12px;
       float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
       color: #fff;
@@ -189,11 +127,11 @@ ion-item{
   .exp-remetente{
     //width: 200px;
     font-family: Roboto;
-   /*  font-size: 13px; */
+    //font-size: 13px;
     font-weight: normal;
     color: #000000;
     float: left;
-    /* border: 1px solid red; */
+    //border: 1px solid red;
   }
 }
 .div-top-header{