This commit is contained in:
tiago.kayaya
2021-09-03 16:20:22 +01:00
parent e2d86625aa
commit d3b6370f6c
4 changed files with 19 additions and 20 deletions
@@ -1,4 +1,4 @@
<ion-content class="container"> <ion-content class="wrapper">
<div class="arrow-right" (click)="closePopover()"> <div class="arrow-right" (click)="closePopover()">
<button class="btn-no-color"> <button class="btn-no-color">
<ion-icon slot="end" class="arrow-right-icon" src='assets/images/icons-arrow-arrow-right.svg'></ion-icon> <ion-icon slot="end" class="arrow-right-icon" src='assets/images/icons-arrow-arrow-right.svg'></ion-icon>
@@ -1,4 +1,4 @@
.container{ .wrapper{
--padding-top:20px !important; --padding-top:20px !important;
--padding-bottom:20px !important; --padding-bottom:20px !important;
--padding-start:20px !important; --padding-start:20px !important;
@@ -1,10 +1,4 @@
<ion-content class="container"> <div class="wrapper">
<div class="arrow-right" (click)="close()">
<button class="btn-no-color">
<ion-icon slot="end" class="arrow-right-icon" src='assets/images/icons-arrow-arrow-right.svg'></ion-icon>
</button>
</div>
<div *ngIf="task.WorkflowName == 'Pedido de Deferimento'"> <div *ngIf="task.WorkflowName == 'Pedido de Deferimento'">
<div class="buttons" *ngIf="task.activityInstanceName == 'Tarefa de Deferimento'"> <div class="buttons" *ngIf="task.activityInstanceName == 'Tarefa de Deferimento'">
<button (click)="openAddNoteModal('Arquivar')" class="btn-cancel" shape="round" >Arquivar</button> <button (click)="openAddNoteModal('Arquivar')" class="btn-cancel" shape="round" >Arquivar</button>
@@ -61,7 +55,4 @@
<button (click)="cancel()" class="btn-cancel" shape="round" >Cancelar</button> <button (click)="cancel()" class="btn-cancel" shape="round" >Cancelar</button>
</div> </div>
</div> </div>
<!-- <div class="buttons"> </div>
<button (click)="close()" class="btn-cancel" shape="round" >Cancelar</button>
</div> -->
</ion-content>
@@ -1,8 +1,7 @@
.container{ .wrapper{
--padding-top:20px !important; width: 100% !important;
--padding-bottom:20px !important; padding-top:20px !important;
--padding-start:20px !important; padding-bottom:20px !important;
--padding-end:20px !important;
} }
.arrow-right{ .arrow-right{
display: none; display: none;
@@ -15,9 +14,11 @@
} }
} }
.buttons{ .buttons{
width: 100% !important;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-around; justify-content: space-around;
margin: 0 auto !important;
} }
.solid { .solid {
display: none; display: none;
@@ -31,11 +32,18 @@
margin-top: 5px !important; margin-top: 5px !important;
} }
@media only screen and (max-width: 800px) { @media only screen and (max-width: 800px) {
.container{
width: 100% !important;
}
.btn-ok, .btn-cancel, .btn-delete{ .btn-ok, .btn-cancel, .btn-delete{
width: 47% !important; width: 47% !important;
} }
} }
@media only screen and (min-width: 1024px) { @media only screen and (min-width: 1024px) {
.container{
width: 100% !important;
}
.arrow-right{ .arrow-right{
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;