peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-19 04:57:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve responsiveness

Browse Source
This commit is contained in:
Peter Maquiran
2021-04-23 14:30:18 +01:00
parent f4eafbf9f1
commit 8f76806ae4
7 changed files with 96 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/shared/header/header.page.html
+2 -2
View File
@@ -58,10 +58,10 @@
<div class="d-flex">
<div class="mr-10 d-flex align-center">
<button (click)="openSearch()" *ngIf="!showSearch" class="btn-no-color" (click)="showSearch=true">
<button (click)="openSearch();showSearch=true" *ngIf="!showSearch" class="btn-no-color">
<ion-icon class="font-45" src='assets/images/icons-search.svg'></ion-icon>
</button>
<button class="btn-no-color" (click)="closeSearch()" *ngIf="showSearch" (click)="showSearch=false">
<button class="btn-no-color" (click)="closeSearch();showSearch=false" *ngIf="showSearch" >
<ion-icon class="font-40" name="restaurant-outline" src="assets/images/icons-search-close.svg"></ion-icon>
</button>
src/app/shared/header/header.page.ts
+9 -2
View File
@@ -13,7 +13,7 @@ export class HeaderPage implements OnInit {
profile: string = 'mdgpr';
searchSubject: string = '';
showSearch:false;
showSearch=false;
constructor(
private router: Router,private modalController: ModalController,
@@ -41,9 +41,16 @@ export class HeaderPage implements OnInit {
async openSearch() {
let classs;
if(window.innerWidth < 1366) {
classs = 'modal modal-width-100 modal-padding-top'
} else {
classs = 'modal modal-width-100 modal-padding-top modal-desktop-shadow modal-desktop-remove-background'
}
const modal = await this.modalController.create({
component: SearchPage,
cssClass: 'group-messages modal-desktop search-modal search-modal-to-desktop',
cssClass: classs,
componentProps: {
}
});