This commit is contained in:
tiago.kayaya
2021-09-01 17:32:11 +01:00
parent adecc6ebd0
commit 3937c0c9c8
2 changed files with 14 additions and 7 deletions
@@ -42,8 +42,8 @@
<ion-item-sliding disabled="{{showSlidingOptions}}" class="item width-100 cursor-pointer" <ion-item-sliding disabled="{{showSlidingOptions}}" class="item width-100 cursor-pointer"
*ngFor="let viagem of publicationTravelFolderService.list"> *ngFor="let viagem of publicationTravelFolderService.list">
<ion-item lines="none" <ion-item lines="none"
class="width-100 d-flex ion-no-border ion-no-margin ion-no-padding"> class="item-hover width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
<div (click)="goToPublicationsList(viagem.ProcessId)" class="item-icon cursor-pointer"> <div (click)="goToPublicationsList(viagem.ProcessId)" class="item-icon item-hover cursor-pointer">
<ion-icon slot="end" src='assets/images/icons-plane-active.svg'></ion-icon> <ion-icon slot="end" src='assets/images/icons-plane-active.svg'></ion-icon>
</div> </div>
<div (click)="goToPublicationsList(viagem.ProcessId)" class="item-content flex-grow-1 cursor-pointer"> <div (click)="goToPublicationsList(viagem.ProcessId)" class="item-content flex-grow-1 cursor-pointer">
@@ -87,12 +87,12 @@
*ngFor="let evento of publicationEventFolderStorage.list" *ngFor="let evento of publicationEventFolderStorage.list"
> >
<ion-item lines="none" <ion-item lines="none"
class="width-100 d-flex ion-no-border ion-no-margin ion-no-padding" class="item-hover width-100 d-flex ion-no-border ion-no-margin ion-no-padding"
(click)="goToPublicationsList(evento.ProcessId)"> (click)="goToPublicationsList(evento.ProcessId)">
<div class="item-icon2"> <div class="item-icon2">
<ion-icon slot="end" src='assets/images/icons-nav-actions.svg'></ion-icon> <ion-icon slot="end" src='assets/images/icons-nav-actions.svg'></ion-icon>
</div> </div>
<div class="item-content flex-grow-1"> <div class="item-content item-hover flex-grow-1">
<ion-label> <ion-label>
<p class="item-content-date">{{getDate(evento.DateBegin)}}</p> <p class="item-content-date">{{getDate(evento.DateBegin)}}</p>
<p class="item-content-title">{{evento.Description}}</p> <p class="item-content-title">{{evento.Description}}</p>
@@ -39,7 +39,7 @@ ion-toolbar{
margin-right: 10px; margin-right: 10px;
} }
} }
ion-content{ ion-content{
// --background:#0782c9; // --background:#0782c9;
--border: none; --border: none;
@@ -52,7 +52,7 @@ ion-toolbar{
overflow:hidden; overflow:hidden;
color:#000; color:#000;
transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0);
.title-content{ .title-content{
margin: 0px auto; margin: 0px auto;
padding: 0 !important; padding: 0 !important;
@@ -100,6 +100,9 @@ ion-toolbar{
//border: 1px solid red; //border: 1px solid red;
} }
} }
ion-item{
--background: transparent;
}
.item{ .item{
width: 100% !important; width: 100% !important;
padding: 0px !important; padding: 0px !important;
@@ -107,6 +110,7 @@ ion-toolbar{
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
flex-direction: row; flex-direction: row;
background-color: transparent;
.item-icon{ .item-icon{
//margin-top: 28px; //margin-top: 28px;
@@ -162,6 +166,9 @@ ion-toolbar{
font-size: 20px; font-size: 20px;
} }
} }
.item:hover{
background-color: #e6f6ff75 !important;
}
ion-item-options{ ion-item-options{
border: 1px solid #fff; border: 1px solid #fff;
@@ -207,7 +214,7 @@ ion-toolbar{
margin: 12px; margin: 12px;
border: 1px solid #d30a0a; border: 1px solid #d30a0a;
} }