Improve Attendees component for agenda

This commit is contained in:
Peter Maquiran
2021-03-29 14:08:20 +01:00
parent 8dca7f3a81
commit fd8aaaa844
3 changed files with 30 additions and 14 deletions
@@ -1,16 +1,16 @@
<ion-header class="ion-no-border">
<ion-toolbar>
<ion-title>Adicionar intervenientes</ion-title>
<ion-header class="ion-no-border px-20">
<ion-toolbar class="px-10">
<ion-title class="pa-0">Adicionar intervenientes</ion-title>
</ion-toolbar>
<ion-searchbar class="search-bar" (ionChange)="onChange($event)" placeholder="Pesquisar"></ion-searchbar><!-- [(ngModel)]="searchCountryString" -->
<ion-searchbar class="attendee-search-bar" (ionChange)="onChange($event)" placeholder="Pesquisar"></ion-searchbar><!-- [(ngModel)]="searchCountryString" -->
<ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
</ion-header>
<ion-content class="height-100">
<ion-content class="height-100 ">
<ion-item-group class="d-flex flex-column height-100">
<ion-list class="flex-grow-1 overflow-y-auto height-100" >
<ion-item-sliding>
<ion-item-sliding class="px-20">
<div *ngFor="let attendee of contacts;">
<ion-item (click)="selectContact(attendee)" *ngIf="checkbox(attendee)" >
<div class="pr-10">
@@ -27,7 +27,7 @@
</ion-list>
<hr/>
<ion-list lines="none" *ngIf="selectedContact.length >= 1" class="flex-grow-1 overflow-y-auto height-100" style="border-top:1px solid #ebebeb">
<ion-item-sliding>
<ion-item-sliding class="px-20">
<ion-item *ngFor="let attendee of selectedContact;" class="d-flex">
<div class="pr-10">
<ion-icon class="font-35" src="assets/images/icons-userprofile.svg"></ion-icon>
@@ -7,9 +7,3 @@ ion-searchbar{
.item-inner{
border-style: unset !important;
}
.search-bar{
border: 1px solid #cecece;
box-shadow: none;
border-radius: 3px;
}
+23 -1
View File
@@ -508,4 +508,26 @@ td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-
padding-left: 0px;
}
}
}
}
// agenda attendee component
.attendee-search-bar input{
border: 1px solid #cecece !important;
box-shadow: none !important;
border-radius: 3px !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
-ms-border-radius: 3px !important;
-o-border-radius: 3px !important;
}
.attendee-search-bar .searchbar-input {
border: 1px solid #cecece !important;
box-shadow: none !important;
border-radius: 3px !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
-ms-border-radius: 3px !important;
-o-border-radius: 3px !important;
}