This commit is contained in:
tiago.kayaya
2021-09-03 12:11:01 +01:00
parent 39f1669ffe
commit f1a9f1796a
5 changed files with 28 additions and 149 deletions
@@ -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">
@@ -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{
@@ -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">
@@ -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{