peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-20 05:16:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve responsiveness

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/gabinete-digital/event-list/approve-event-modal/approve-event-modal.page.html
+3 -3
View File
@@ -74,14 +74,14 @@
</div>
<div *ngIf="loadedEvent.workflowInstanceDataFields.Participants" class="middle-content">
<div *ngIf="loadedEvent.workflowInstanceDataFields.Participants">
<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>
</div>
<div *ngIf="loadedEvent.workflowInstanceDataFields.Body">
<h5>Detalhes</h5>
<h5 class="font-17-rem">Detalhes</h5>
<ion-item lines="none" class="ion-no-padding ion-no-margin">
<pre class="width-100 text">{{ loadedEvent.workflowInstanceDataFields.Body }} </pre>
</ion-item>
@@ -90,7 +90,7 @@
<div class="d-flex container-div width-100" >
<ion-list class="width-100 " >
<h5>Documentos Anexados</h5>
<h5 class="font-17-rem">Documentos Anexados</h5>
<ion-item class="width-100" *ngFor="let document of loadedAttachments">
<ion-label
(click)="viewDocument(document.SourceId, document.ApplicationId)"
src/app/pages/gabinete-digital/event-list/approve-event-modal/approve-event-modal.page.scss
+21 -20
View File
@@ -1,8 +1,9 @@
@import '~src/function.scss';
ion-content{
--padding-top:0px;
--padding-start: 20px;
--padding-end: 20px;
font-size: 18px;
font-size: rem(18);
}
ion-menu{
--height: 225px;
@@ -13,26 +14,26 @@ ion-menu{
}
.header-icon-left{
width: 36px;
font-size: 33px;
font-size: rem(33);
color: #42b9fe;
float: left;
}
.header-title{
font-family: Roboto;
font-size: 25px;
font-size: rem(25);
margin: 0 5px 0 5px;
padding: 0;
color:#000;
float: left;
}
.header-icon-right{
width: 45px;
font-size: 45px;
width: rem(45);
font-size: rem(45);
float: left;
}
.upper-content{
padding-left: 50px;
font-size: 18px;
font-size: rem(18);
.content-location{
margin: 0 auto;
@@ -42,7 +43,7 @@ ion-menu{
.location-detail{
font-weight: 700;
font-size: 18px;
font-size: rem(18);
float: left;
margin: 5px 5px 5px 0px;
}
@@ -54,7 +55,7 @@ ion-menu{
float: left;
}
.button-calendar-type ion-button{
height: 25px;
height: rem(25);
}
.button-edit-event {
width: 140px;
@@ -64,12 +65,12 @@ ion-menu{
--color:#061b52;
}
.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);
}
}
@@ -77,11 +78,11 @@ ion-menu{
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;
@@ -89,23 +90,23 @@ ion-menu{
}
.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:var(--title-text-color);
}
/* 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);
}
}
@@ -151,7 +152,7 @@ ion-menu{
align-items: center;
padding: 0px 5px;
color: white;
font-size: 9pt;
font-size: rem(12);
font-weight: 500;
height: 19px;
-webkit-border-radius: 18px;
@@ -181,16 +182,16 @@ height: 20px;
.attach-title-item{
width: 100%;
font-size: 15px;
font-size: rem(15);
color:var(--title-text-color);
}
/* 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);
}
src/app/pages/gabinete-digital/event-list/approve-event/approve-event.page.html
+3 -3
View File
@@ -73,14 +73,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>
@@ -89,7 +89,7 @@
</div>
<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)">
src/app/pages/gabinete-digital/event-list/approve-event/approve-event.page.scss
+14 -14
View File
@@ -16,21 +16,21 @@ ion-menu{
}
.header-icon-left{
width: 36px;
font-size: 33px;
font-size: rem(33);
color: #42b9fe;
float: left;
}
.header-title{
font-family: Roboto;
font-size: 25px;
font-size: rem(25);
margin: 0 5px 0 5px;
padding: 0;
color:#000;
float: left;
}
.header-icon-right{
width: 45px;
font-size: 45px;
width: rem(45);
font-size: rem(45);
float: left;
}
@@ -44,7 +44,7 @@ ion-menu{
.upper-content{
margin-left: 40px;
font-size: 18px;
font-size: rem(18);
.content-location{
margin-top: 0px !important;
@@ -79,12 +79,12 @@ ion-menu{
--color:#061b52;
}
.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);
}
}
@@ -92,11 +92,11 @@ ion-menu{
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;
@@ -104,23 +104,23 @@ ion-menu{
}
.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:var(--title-text-color);
}
/* 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);
}
}
}
@@ -141,7 +141,7 @@ ion-menu{
.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;
src/app/pages/gabinete-digital/event-list/event-list.page.html
+1 -1
View File
@@ -106,7 +106,7 @@
<p *ngIf="event.workflowInstanceDataFields.StartDate == event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} | {{event.workflowInstanceDataFields.Location}}</p>
<h3>{{event.workflowInstanceDataFields.Subject}}</h3>
<div *ngIf="event.activityInstanceName">
<div class="label-event-type"> {{ event.activityInstanceName }} </div>
<div class="label-event-type font-13-rem"> {{ event.activityInstanceName }} </div>
</div>
</div>
</div>
src/app/pages/gabinete-digital/event-list/event-list.page.scss
+5 -5
View File
@@ -30,7 +30,7 @@
.header-title{
//width: 300px;
font-family: Roboto;
font-size: 25px;
font-size: rem(25);
//margin: 0 5px 0 5px;
padding: 0;
color:#000;
@@ -81,7 +81,7 @@ ion-item-sliding{
.approve-event-time p{
width: 33px;
font-family: Roboto;
font-size: 13px;
font-size: rem(13);
font-weight: normal;
font-stretch: normal;
font-style: normal;
@@ -97,7 +97,7 @@ ion-item-sliding{
.approve-event-detail p{
//width: 250px;
font-family: Roboto;
font-size: 13px;
font-size: rem(13);
font-weight: normal;
font-stretch: normal;
font-style: normal;
@@ -110,7 +110,7 @@ ion-item-sliding{
.approve-event-detail h3{
//width: 250px;
font-family: Roboto;
font-size: 15px;
font-size: rem(15);
font-weight: bold;
font-stretch: normal;
font-style: normal;
@@ -132,7 +132,7 @@ ion-item-sliding{
background: #f05d5e;
border-radius: 17px;
color: white;
font-size: 10pt;
font-size: rem(13);
}