improve responsiveness

This commit is contained in:
Peter Maquiran
2023-07-07 12:03:03 +01:00
parent 2d03162a3b
commit c62f7319a0
176 changed files with 1793 additions and 1682 deletions
@@ -83,14 +83,14 @@
<div class="overflow-y-auto">
<div class="middle-content">
<div *ngIf="loadedEvent.workflowInstanceDataFields.ParticipantsList">
<h5>Intervenientes</h5>
<h5 class="font-17-rem">Intervenientes</h5>
<div *ngFor="let att of loadedEvent.workflowInstanceDataFields.ParticipantsList">
<ion-label>{{att.Name}}</ion-label>
</div>
<div class="line"></div>
</div>
<div *ngIf="loadedEvent.workflowInstanceDataFields.Body">
<h5>Detalhes</h5>
<h5 class="font-17-rem">Detalhes</h5>
<ion-item lines="none" class="ion-no-margin ion-no-padding">
<pre class="width-100 text">{{ loadedEvent.workflowInstanceDataFields.Body }} </pre>
</ion-item>
@@ -100,7 +100,7 @@
<div *ngIf="loadedEvent.Documents" class="bottom-content width-100">
<ion-list>
<h5>Documentos Anexados </h5>
<h5 class="font-17-rem">Documentos Anexados </h5>
<ion-item class="ion-no-margin ion-no-padding cursor-pointer"
*ngFor="let attachment of loadedEvent.Documents"
(click)="viewDocument(attachment.DocId, attachment)">
@@ -7,13 +7,13 @@
.header-icon-left{
width: 36px;
font-size: 33px;
font-size: rem(33);
color: #42b9fe;
float: left;
}
.header-icon-right{
width: 45px;
font-size: 45px;
width: rem(45);
font-size: rem(45);
float: left;
margin-left: 5px;
}
@@ -21,7 +21,7 @@
.header-title{
font-family: Roboto;
font-size: 25px;
font-size: rem(25);
margin: 0 5px 0 5px;
padding: 0;
color:#000;
@@ -36,7 +36,7 @@
.upper-content{
margin-left: 40px;
font-size: 18px;
font-size: rem(18);
.content-location{
margin-top: 0px !important;
@@ -75,12 +75,12 @@
}
.content-details p{
font-size: 16px;
font-size: rem(16);
}
}
.middle-conten{
.middle-content h3, .middle-content p{
font-size: 16px;
font-size: rem(16);
}
}
@@ -88,11 +88,11 @@
margin: 0 auto;
.bottom-content h3{
font-size: 16px;
font-size: rem(16);
margin: 0 0 0 10px;
}
.attach-document{
font-size: 15px;
font-size: rem(15);
color: var(--title-text-color);
margin: 5px 5px 5px 10px;
padding: 5px;
@@ -100,23 +100,23 @@
}
.attach-icon{
width: 37px;
font-size: 35px;
font-size: rem(35);
float: left;
}
.attach-title-item{
width: 100%;
font-size: 15px;
font-size: rem(15);
color:#0d89d1;
}
/* SPAN */
.span-left{
float: left;
font-size: 15x;
font-size: rem(15);
}
.span-right{
text-align: right;
float: right;
font-size: 13px;
font-size: rem(13);
}
}
}
@@ -132,7 +132,7 @@
/* .arrow-right-icon{
width: 37px;
float: right;
font-size: 35px;
font-size: rem(35);
overflow: hidden;
} */
}
@@ -144,7 +144,7 @@
.btn-ok, .btn-cancel, .btn-delete{
height: auto !important;
font-size: 16px !important;
font-size: rem(16) !important;
width: 100% !important;
margin-bottom: 10px !important;
padding: 15px !important;
@@ -215,7 +215,7 @@
.delete{
padding: 7px;
font-size: 21px;
font-size: rem(21);
color:#fff;
background: #d30606;
border-radius: 20px;