improve responsiveness

This commit is contained in:
Peter Maquiran
2023-07-07 12:03:03 +01:00
parent 2d03162a3b
commit c62f7319a0
176 changed files with 1793 additions and 1682 deletions
@@ -7,13 +7,13 @@
<div>
<div title="Pesquisa" *ngIf="!hideSearchBtn" class="mr-20 d-flex align-center cursor-pointer">
<div (click)="openSearch();showSearch=true" *ngIf="!showSearch" class="d-flex">
<ion-icon title="Perfil" *ngIf="ThemeService.currentTheme == 'doneIt' " class="font-35" src="assets/images/theme/doneIt/icons-search.svg"></ion-icon>
<ion-icon title="Perfil" *ngIf="ThemeService.currentTheme == 'default' " class="font-35" src='assets/images/icons-search.svg'></ion-icon>
<ion-icon title="Perfil" *ngIf="ThemeService.currentTheme == 'gov' " class="font-35" src='assets/images/theme/gov/icons-search.svg'></ion-icon>
<ion-icon title="Perfil" *ngIf="ThemeService.currentTheme == 'doneIt' " class="font-35-rem" src="assets/images/theme/doneIt/icons-search.svg"></ion-icon>
<ion-icon title="Perfil" *ngIf="ThemeService.currentTheme == 'default' " class="font-35-rem" src='assets/images/icons-search.svg'></ion-icon>
<ion-icon title="Perfil" *ngIf="ThemeService.currentTheme == 'gov' " class="font-35-rem" src='assets/images/theme/gov/icons-search.svg'></ion-icon>
</div>
<button title="Fechar" class="btn-no-color d-flex" (click)="closeSearch();showSearch=false;searchSubject=''" *ngIf="showSearch">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' || ThemeService.currentTheme == 'doneIt' " class="font-35" name="restaurant-outline" src="assets/images/icons-search-close.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-35" name="restaurant-outline" src="assets/images/theme/gov/icons-search-close.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'default' || ThemeService.currentTheme == 'doneIt' " class="font-35-rem" name="restaurant-outline" src="assets/images/icons-search-close.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-35-rem" name="restaurant-outline" src="assets/images/theme/gov/icons-search-close.svg"></ion-icon>
</button>
<div *ngIf="showSearch">
@@ -8,7 +8,7 @@
.title{
padding: 30px 20px 0 20px !important;
font-family: Roboto;
font-size: 25px;
font-size: rem(25);
color:#000;
overflow: auto;
@@ -50,7 +50,7 @@ ion-list{
width: 100%;
float: left;
font-family: Roboto;
font-size: 12pt;
font-size: rem(16);
font-weight: 700;
color: var(--title-text-color);
padding-left: 3px;
@@ -68,22 +68,22 @@ ion-list{
.item-icon{
width: fit-content;
float: right;
/* font-size: 13px; */
/* font-size: rem(13); */
margin: 0 !important;
padding: 0 !important;
ion-icon{
font-size: 12pt;
font-size: rem(16);
color: #42b9fe;
float: left;
}
label{
font-size: 10pt;
font-size: rem(13);
}
}
}
.item-middle-detail{
font-size: 10pt;
font-size: rem(13);
width: 100%;
overflow: auto;
padding-left: 3px;
@@ -93,7 +93,7 @@ ion-list{
.item-remetente{
//width: 200px;
font-family: Roboto;
/* font-size: 13px; */
/* font-size: rem(13); */
font-weight: normal;
color: #000000;
float: left;
@@ -106,7 +106,7 @@ ion-list{
}
}
.item-middle-detail-extra{
font-size: 10pt;
font-size: rem(13);
padding-left: 3px;
//border: 1px solid red;
@@ -120,7 +120,7 @@ ion-list{
}
}
.item-bottom-detail{
font-size: 12pt;
font-size: rem(16);
width: 100%;
overflow: auto;
margin-top: 10px;
@@ -135,9 +135,9 @@ ion-list{
.label{
border-radius: 15px;
background: var(--label-bg-color);
/* font-size: 12px; */
/* font-size: rem(12); */
float: right;
font-size: 12px;
font-size: rem(12);
padding: 2.5px 13.5px 2.5px 13.5px;
color: #fff;
}
@@ -145,7 +145,7 @@ ion-list{
.item-date{
width: auto;
font-family: Roboto;
font-size: 10pt;
font-size: rem(13);
font-weight: normal;
font-stretch: normal;
font-style: normal;
@@ -178,14 +178,14 @@ ion-list{
background-color: white;
border-radius: 27.5px;
border: solid 1px #ebebeb;
font-size: 14px;
font-size: rem(14);
.icon{
color: #797979;
width: 41px;
height: 41px;
display: flex;
justify-content: center;
font-size: 25px;
font-size: rem(25);
align-items: center;
}
.input-text{
@@ -198,5 +198,5 @@ ion-list{
.sender {
font-size: 10px;
font-size: rem(10);
}