feature/gabinete-search

src/app/pages/gabinete-digital/event-list/event-list.page.html

@@ -85,10 +85,10 @@
       <ion-list class="width-100 height-100" >
         <div  class="overflow-y-auto height-100">
             <ion-item-sliding>
-              <ion-item class="Rectangle cursor-pointer" lines="none"
+              <ion-item class="Rectangle cursor-pointer " lines="none"
                 *ngFor="let event of eventoaprovacaostore.get(segment)" (click)="goToEventToApproveDetail(event.serialNumber)">
 
-                <div class="content-{{color}}-{{event.workflowInstanceDataFields.Agenda}} width-100">
+                <div class="content-{{color}}-{{event.workflowInstanceDataFields.Agenda}} width-100 d-flex overflow-hidden">
                   <div class="approve-event-time">
                     <p>{{event.workflowInstanceDataFields.StartDate | date: 'HH:mm'}}</p>
                     <p>{{event.workflowInstanceDataFields.EndDate | date: 'HH:mm'}}</p>

src/app/pages/gabinete-digital/event-list/event-list.page.scss

@@ -58,7 +58,7 @@ ion-item-sliding{
   overflow: auto;
 }
 .content-pr-Pessoal{
-  background-color: var(--white);
+  background-color: vfar(--white);
   border-radius: 5px;
   border-right: 5px solid #958bfc;
   border-left: unset !important;
@@ -77,9 +77,7 @@ ion-item-sliding{
   overflow: auto;
 }
 
-.approve-event-time{
-  float: left;
-}
+
 .approve-event-time p{
   width: 33px;
   font-family: Roboto;
@@ -94,7 +92,6 @@ ion-item-sliding{
   padding: 0;
 }
 .approve-event-detail{
-  float: left;
   margin-left: 10px;
 }
 .approve-event-detail p{
@@ -136,4 +133,9 @@ ion-item-sliding{
   border-radius: 17px;
   color: white;
   font-size: 10pt;
+}
+
+
+.overflow-hidden {
+  overflow: hidden 
 }