improve agenda

This commit is contained in:
Peter Maquiran
2021-03-19 17:07:47 +01:00
parent 19e1dee773
commit 5194ff69b5
5 changed files with 5 additions and 23 deletions
@@ -1,9 +1,9 @@
<ion-header class="ion-no-border">
<div class="header-content">
<ion-header class="ion-no-border px-20">
<div class="header-content d-flex justify-space-between">
<div class="header-icon-left">
<ion-icon (click)="close()" src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
</div>
<div class="header-title">
<div class="header-title flex-grow-1">
<label>{{loadedEvent.workflowInstanceDataFields.Subject}}</label>
</div>
<div class="header-icon-right">
@@ -37,7 +37,7 @@
<ion-content id="main-content">
<div class="upper-content">
<div class="content-location">
<div class="content-location d-flex justify-space-between">
<div class="location-detail">
<ion-label >{{loadedEvent.workflowInstanceDataFields.Location}}</ion-label>
</div>
@@ -8,8 +8,6 @@ ion-content{
--height: 225px;
}
.header-content{
width: 360px;
overflow: auto;
margin: 25px auto;
}
.header-icon-left{
@@ -19,7 +17,6 @@ ion-content{
float: left;
}
.header-title{
width: 264px;
font-family: Roboto;
font-size: 25px;
margin: 0 5px 0 5px;
@@ -31,18 +28,14 @@ ion-content{
width: 45px;
font-size: 45px;
float: left;
overflow: auto;
}
.upper-content{
margin-left: 50px;
overflow: auto;
font-size: 18px;
.content-location{
width: 360px;
margin: 0 auto;
padding: 0;
overflow: auto;
}
.location-detail{
@@ -59,7 +59,7 @@
<ion-list *ngSwitchCase="'PR'">
<div *ngIf="eventsPRList">
<ion-item-sliding>
<ion-item class="Rectangle" lines="none"
<ion-item class="Rectangle width-100" lines="none"
*ngFor="let event of eventsPRList" (click)="openApproveModal(event.serialNumber)">
<div class="content-pr-{{event.workflowInstanceDataFields.Agenda}}">
<div class="approve-event-time">
@@ -21,36 +21,30 @@
margin-top: 5px;
}
.Rectangle {
width: 360px;
border-radius: 15px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
border: solid 1px #e9e9e9;
background-color: var(--white);
margin: 0 auto;
padding: 10px;
margin-bottom: 10px;
overflow: auto;
}
.content-mdgpr-Oficial{
width: 340px;
border-radius: 5px;
border-right: 5px solid #99e47b;
overflow: auto;
}
.content-mdgpr-Pessoal{
width: 340px;
border-radius: 5px;
border-right: 5px solid #958bfc;
overflow: auto;
}
.content-pr-Oficial{
width: 340px;
border-radius: 5px;
border-right: 5px solid #ffb703;
overflow: auto;
}
.content-pr-Pessoal{
width: 340px;
border-radius: 5px;
border-right: 5px solid #f05d5e;
overflow: auto;
@@ -77,7 +71,6 @@
margin-left: 10px;
}
.approve-event-detail p{
width: 250px;
font-family: Roboto;
font-size: 13px;
font-weight: normal;
@@ -90,7 +83,6 @@
padding: 0;
}
.approve-event-detail h3{
width: 250px;
font-family: Roboto;
font-size: 15px;
font-weight: bold;
@@ -26,7 +26,6 @@ ion-menu{
.title-content{
margin: 0px auto;
overflow: auto;
padding: 0 !important;
background: #fff;
@@ -78,12 +77,10 @@ ion-menu{
font-family: Roboto;
margin: 0 auto;
background-color: #fff;
overflow:auto;
padding: 15px 0px 0 0px;
.upper-content{
margin-left: 50px;
overflow: auto;
font-size: 18px;
.content-location{