This commit is contained in:
Peter Maquiran
2023-07-15 11:39:30 +01:00
1436 changed files with 2958 additions and 3769 deletions
@@ -1,3 +1,5 @@
@import '~src/function.scss';
.content{
margin: 0;
float: left;
@@ -6,14 +8,14 @@
}
.header-title{
font-family: Roboto;
font-size: 25px;
font-size: rem(25);
padding: 0;
color:#000;
float: left;
}
.ion-item-container{
margin: 15px auto;
margin: rem(15) auto;
border: 1px solid #ebebeb;
border-radius: 5px;
padding-left: 10px;
@@ -32,11 +34,11 @@
margin: 0px auto;
}
.ion-icon-class{
width: 45px;
height: 45px;
width: rem(45);
height: rem(45);
float: left;
padding: 10px;
font-size: 25px;
font-size: rem(25);
}
ion-select{
padding-left: 5px;
@@ -44,7 +46,7 @@
}
.ion-input-class{
width: calc(100% - 45px);
height: 45px;
height: rem(45);
border: 1px solid #ebebeb;
border-radius: 5px;
padding-left: 5px;
@@ -62,18 +64,18 @@
}
.add-people{
width: 45px;
width: rem(45);
float: right;
overflow: auto;
font-size: 25px;
font-size: rem(25);
display: flex;
}
.list-people-title{
/* font-size: 13px; */
/* font-size: rem(13); */
color: #a3a3a3;
}
.attach-document{
font-size: 15px;
font-size: rem(15);
color: var(--title-text-color);
margin: 5px 5px 5px 10px;
padding: 5px;
@@ -81,23 +83,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);
}
}
.container-footer{
@@ -105,16 +107,16 @@
overflow: auto;
}
.button-cancel {
width: 170px;
height: 44px;
width: rem(170);
height: rem(44);
border-radius: 22.5px;
--background: #e0e9ee;
--color: #061b52;
margin:10px;
}
.button-save {
width: 170px;
height: 44px;
width: rem(170);
height: rem(44);
border-radius: 22.5px;
--background: #42b9fe;
--color:#ffffff;
@@ -132,7 +134,7 @@
/* Error Messages */
.error{
color:red;
font-size: 12px;
font-size: rem(12);
font-weight: bold;
padding-bottom: 20px;
}
@@ -149,23 +151,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);
}
@@ -181,7 +183,7 @@
align-items: center;
padding: 0px 5px;
color: white;
font-size: 9pt;
font-size: rem(12);
font-weight: 500;
height: 19px;
-webkit-border-radius: 18px;
@@ -1,3 +1,5 @@
@import '~src/function.scss';
.content{
padding: 30px 20px 0 20px !important;
margin: 0;
@@ -5,7 +7,7 @@
.title{
font-family: Roboto;
font-size: 25px;
font-size: rem(25);
font-weight: normal;
font-stretch: normal;
font-style: normal;
@@ -15,11 +17,11 @@
//margin: 8px 0 8px 0px;
}
.container-div{
margin-bottom: 15px;
margin-bottom: rem(15);
}
.ion-item-container{
//width: 360px;
margin: 15px auto;
margin: rem(15) auto;
border: 1px solid #ebebeb;
border-radius: 5px;
padding-left: 5px;
@@ -33,11 +35,11 @@
margin: 0px auto;
}
.ion-icon-class{
width: 45px;
height: 45px;
width: rem(45);
height: rem(45);
float: left;
padding: 10px;
font-size: 25px;
font-size: rem(25);
}
ion-select{
//padding-left: 5px;
@@ -65,51 +67,51 @@
}
.add-people{
width: 45px;
width: rem(45);
float: right;
overflow: auto;
font-size: 25px;
font-size: rem(25);
display: flex;
}
.list-people-title{
/* font-size: 13px; */
/* font-size: rem(13); */
color: #a3a3a3;
}
.attach-document{
font-size: 15px;
font-size: rem(15);
color: var(--title-text-color);
}
.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);
}
}
.container-footer{
margin:0 auto;
overflow: auto;
.button-cancel {
width: 170px;
height: 44px;
width: rem(170);
height: rem(44);
border-radius: 22.5px;
--background: #e0e9ee;
--color: #061b52;
margin:10px;
}
.button-save {
width: 170px;
height: 44px;
width: rem(170);
height: rem(44);
border-radius: 22.5px;
--background: #42b9fe;
--color:#ffffff;
@@ -130,23 +132,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);
}
@@ -160,7 +162,7 @@ font-size: 13px;
align-items: center;
padding: 0px 5px;
color: white;
font-size: 9pt;
font-size: rem(12);
font-weight: 500;
height: 19px;
-webkit-border-radius: 18px;
@@ -196,7 +198,7 @@ font-size: 13px;
align-items: center;
padding: 0px 5px;
color: white;
font-size: 9pt;
font-size: rem(12);
font-weight: 500;
height: 19px;
-webkit-border-radius: 18px;
@@ -7,7 +7,7 @@
<div class="content d-flex flex-column" *ngIf="task">
<div class="main-header" style="overflow: unset !important;">
<div class="title-content width-100 d-flex justify-between">
<div class="font-30 cursor-pointer" (click)="goBack()" defaultHref="#">
<div class="font-30-rem cursor-pointer" (click)="goBack()" defaultHref="#">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
@@ -40,7 +40,7 @@
<div class="overflow-y-auto">
<div class="middle-content">
<div *ngIf="cc.length > 0">
<h5>Com conhecimento</h5>
<h5 class="font-17-rem">Com conhecimento</h5>
<ion-item class="ion-no-margin ion-no-padding">
<ion-label>
<div *ngFor="let c of cc">
@@ -49,14 +49,14 @@
</ion-label>
</ion-item>
</div>
<h5>Detalhes</h5>
<h5 class="font-17-rem">Detalhes</h5>
<ion-item class="ion-no-margin ion-no-padding">
<pre class="width-100 text">{{ task.Note }} </pre>
</ion-item>
</div>
<div 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 Document of fulltask.Documents">
<ion-label class="d-block" (click)="viewDocument(Document.DocId, Document)">
<p class="attach-title-item">{{ Document.Assunto || "Sem assunto" }}<span class="span-right color-red btn-size"><ion-icon hidden name="close"></ion-icon></span></p>
@@ -14,9 +14,10 @@
color:#d30a0a !important;
}
.btn-size{
font-size: 18px !important;
font-size: rem(18) !important;
}
.main-header{
overflow: inherit !important;
font-family: Roboto;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
@@ -42,7 +43,7 @@
.right{
padding: 0!important;
float: right;
font-size: 25px;
font-size: rem(25);
color: #0782c9;
margin: 5px 0 0 0;
}
@@ -53,14 +54,14 @@
margin: 0 auto;
.header-bottom-icon{
width: 30px;
font-size: 25px;
width: rem(30);
font-size: rem(25);
float: left;
padding: 2px;
}
.header-bottom-contacts{
width: 275px;
font-size: 15px;
font-size: rem(15);
color: #797979;
white-space: nowrap;
overflow: hidden;
@@ -72,14 +73,12 @@
}
.title{
font-size: 25px;
font-size: rem(25);
overflow: auto;
float: left;
padding-top: 4px;
padding-left: 5px;
}
.btn-no-color icon{
font-size: 15px;
font-size: rem(15);
border: 1px solid red;
}
}
@@ -96,7 +95,7 @@ ion-button{
.upper-content{
font-family: Roboto;
margin-left: 36px;
font-size: 18px;
font-size: rem(18);
.label{
border-radius: 20px;
@@ -105,13 +104,14 @@ ion-button{
float: right;
padding: 5px 13.5px 5px 13.5px;
color: #fff;
font-size: rem(14);
}
.button-calendar-type ion-button{
height: 25px;
height: rem(25);
}
.content-details{
font-size: 17px;
font-size: rem(17);
.date{
color: #797979;
}
@@ -119,7 +119,7 @@ ion-button{
}
.middle-conten{
.middle-content p{
font-size: 16px;
font-size: rem(16);
}
}
.bottom-content{
@@ -127,11 +127,11 @@ ion-button{
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;
@@ -139,11 +139,11 @@ ion-button{
}
.attach-icon{
width: 37px;
font-size: 35px;
font-size: rem(35);
float: left;
}
.attach-title-item{
font-size: 18px;
font-size: rem(18);
width: 100%;
color:#0d89d1;
padding-bottom: 5px;
@@ -151,12 +151,12 @@ ion-button{
/* 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);
}
}
.aside-right {
@@ -171,7 +171,7 @@ ion-button{
.arrow-right-icon{
width: 37px;
float: right;
font-size: 35px;
font-size: rem(35);
overflow: hidden;
}
}
@@ -182,7 +182,7 @@ ion-button{
.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;
@@ -225,19 +225,19 @@ ion-button{
.time-start{
color: #797979 !important;
font-family: Roboto;
font-size: 13px;
font-size: rem(13);
}
.time-end{
color: #797979 !important;
font-family: Roboto;
font-size: 13px;
font-size: rem(13);
}
}
.schedule-date{
margin-right: 10px;
width: 22%;
color: #797979 !important;
font-size: 13px;
font-size: rem(13);
}
.schedule-details{
display: flex;
@@ -246,21 +246,21 @@ ion-button{
width: 100%;
.location{
font-family: Roboto;
font-size: 13px;
font-size: rem(13);
color: black;
width: 100%;
}
.description{
font-family: Roboto;
font-size: 15px;
font-size: rem(15);
font-weight: bold;
color: #0d89d1;
}
}
.color{
width: 5px;
height: 40px;
height: rem(40);
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background-color: #f05d5e;
@@ -323,7 +323,7 @@ ion-button{
width: 100%;
justify-content: space-between;
align-items: center;
font-size: 11pt;
font-size: rem(15);
.option-desc-line {
height: 1px;
flex-grow: 1;
@@ -22,14 +22,14 @@ ion-content, .header-2{
.header-icon-left{
width: 36px;
font-size: 33px;
font-size: rem(33);
color: #42b9fe;
float: left;
}
.header-title{
padding-top: 2.5px;
font-family: Roboto;
font-size: 25px;
font-size: rem(25);
color:#000;
float: left;
}
@@ -72,12 +72,12 @@ ion-item{
.div-content-expediente h3, .div-content-pendentes h3{
margin: 0;
padding: 0;
font-size: 14pt;
font-size: rem(19);
width: 100%;
}
.div-icon{
width: 10%;
font-size: 20px;
font-size: rem(20);
float: left;
color: #808080;
}
@@ -87,7 +87,7 @@ ion-item{
}
.div-content-expediente p, .div-content-pendentes p{
font-size: 14pt;
font-size: rem(19);
color: rgb(94, 92, 92);
padding: 0;
margin: 0;
@@ -95,14 +95,14 @@ ion-item{
.span-left{
/* border: 1px solid red; */
float: left;
font-size: 12px;
font-size: rem(12);
padding-left: 18px;
}
.span-right{
/* border: 1px solid blue; */
text-align: right;
float: right;
font-size: 12px;
font-size: rem(12);
padding-right: 18px;
}
@@ -127,7 +127,7 @@ ion-item{
width: 100%;
float: left;
font-family: Roboto;
font-size: 12pt;
font-size: rem(16);
font-weight: 700;
color: var(--title-text-color);
padding-left: 3px;
@@ -140,17 +140,17 @@ ion-item{
.exp-icon{
width: fit-content;
float: right;
/* font-size: 13px; */
/* font-size: rem(13); */
margin: 0 !important;
padding: 0 !important;
ion-icon{
font-size: 12pt;
font-size: rem(16);
color: #42b9fe;
float: left;
}
label{
font-size: 10pt;
font-size: rem(13);
}
}
}
@@ -159,7 +159,7 @@ ion-item{
}
.exp-middle-detail{
font-size: 12pt;
font-size: rem(16);
width: 100%;
overflow: auto;
@@ -170,7 +170,7 @@ ion-item{
.label {
border-radius: 15px;
background: var(--label-bg-color);
/*font-size: 12px;
/*font-size: rem(12);
*/float: right;
padding: 2.5px 13.5px 2.5px 13.5px;
color: #fff;
@@ -183,7 +183,7 @@ ion-item{
.exp-date{
width: auto;
font-family: Roboto;
font-size: 10pt;
font-size: rem(13);
font-weight: normal;
font-stretch: normal;
font-style: normal;
@@ -194,7 +194,7 @@ ion-item{
}
}
.exp-bottom-detail{
font-size: 8pt;
font-size: rem(10);
width: 100%;
overflow: auto;
padding-left: 3px;
@@ -202,7 +202,7 @@ ion-item{
.exp-remetente{
//width: 200px;
font-family: Roboto;
/* font-size: 13px; */
/* font-size: rem(13); */
font-weight: normal;
color: #000000;
float: left;
@@ -216,7 +216,7 @@ ion-item{
overflow: auto;
}
.div-search{
font-size: 45px;
font-size: rem(45);
float: left;
margin: 0 0 0 10px
}
@@ -230,20 +230,20 @@ ion-item{
width: 100%;
}
.div-profile{
font-size: 45px;
font-size: rem(45);
float: right;
margin-right: 10px;
}
.dead-line {
font-size: 12px;
font-size: rem(12);
color: red;
}
.new-task {
border-radius: 20px;
background: #efefef;
font-size: 12px;
font-size: rem(12);
float: right;
padding: 2.5px 13.5px 2.5px 13.5px;
color: #46465b;