save

src/app/pages/publications/publications.page.html

@@ -42,8 +42,8 @@
         <ion-item-sliding disabled="{{showSlidingOptions}}" class="item width-100 cursor-pointer"
           *ngFor="let viagem of publicationTravelFolderService.list">
             <ion-item lines="none"
-            class="width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
-              <div (click)="goToPublicationsList(viagem.ProcessId)" class="item-icon cursor-pointer">
+            class="item-hover width-100 d-flex ion-no-border ion-no-margin ion-no-padding">
+              <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>
                 </div>
                 <div (click)="goToPublicationsList(viagem.ProcessId)" class="item-content flex-grow-1 cursor-pointer">
@@ -87,12 +87,12 @@
           *ngFor="let evento of publicationEventFolderStorage.list"
         >
           <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)">
             <div class="item-icon2">
               <ion-icon slot="end" src='assets/images/icons-nav-actions.svg'></ion-icon>
             </div>
-            <div class="item-content flex-grow-1">
+            <div class="item-content item-hover flex-grow-1">
               <ion-label>
                 <p class="item-content-date">{{getDate(evento.DateBegin)}}</p>
                 <p class="item-content-title">{{evento.Description}}</p>

src/app/pages/publications/publications.page.scss

@@ -39,7 +39,7 @@ ion-toolbar{
       margin-right: 10px;
     }
   }
-  
+
   ion-content{
     // --background:#0782c9;
     --border: none;
@@ -52,7 +52,7 @@ ion-toolbar{
     overflow:hidden;
     color:#000;
     transform: translate3d(0, 1px, 0);
-    
+
     .title-content{
       margin: 0px auto;
       padding: 0 !important;
@@ -100,6 +100,9 @@ ion-toolbar{
       //border: 1px solid red;
     }
   }
+  ion-item{
+    --background: transparent;
+  }
   .item{
     width: 100% !important;
     padding: 0px !important;
@@ -107,6 +110,7 @@ ion-toolbar{
     align-items: center;
     justify-content: space-between;
     flex-direction: row;
+    background-color: transparent;
 
     .item-icon{
       //margin-top: 28px;
@@ -162,6 +166,9 @@ ion-toolbar{
       font-size: 20px;
     }
   }
+  .item:hover{
+    background-color: #e6f6ff75 !important;
+  }
 
   ion-item-options{
     border: 1px solid #fff;
@@ -207,7 +214,7 @@ ion-toolbar{
     margin: 12px;
     border: 1px solid #d30a0a;
   }
-  
+