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

improve responsiveness

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/app/shared/gabinete-digital/pedidos/pedidos.page.html
+5 -5
View File
@@ -8,13 +8,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">
src/app/shared/gabinete-digital/pedidos/pedidos.page.scss
+19 -19
View File
@@ -7,7 +7,7 @@
.title{
padding: 30px 20px 0 20px !important;
font-family: Roboto;
font-size: 25px;
font-size: rem(25);
color:#000;
overflow: auto;
@@ -27,7 +27,7 @@
color:#000;
}
.item-list-small{
font-size: 11px;
font-size: rem(11);
overflow: hidden;
}
.ion-item-class{
@@ -70,12 +70,12 @@ ion-item{
.div-content-expediente h3, .div-content-pendentes h3{
margin: 0;
padding: 0;
font-size: 14pt;
font-size: rem(19);
width: 100%;
}
.div-icon{
width: 10%;
font-size: 20px;
font-size: rem(20);
float: left;
color: #808080;
}
@@ -85,7 +85,7 @@ ion-item{
}
.div-content-expediente p, .div-content-pendentes p{
font-size: 14pt;
font-size: rem(19);
color: rgb(94, 92, 92);
padding: 0;
margin: 0;
@@ -93,14 +93,14 @@ ion-item{
.span-left{
/* border: 1px solid red; */
float: left;
font-size: 12px;
font-size: rem(12);
padding-left: 18px;
}
.span-right{
/* border: 1px solid blue; */
text-align: right;
float: right;
font-size: 12px;
font-size: rem(12);
padding-right: 18px;
}
/* New CSS */
@@ -123,7 +123,7 @@ ion-item{
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;
@@ -136,17 +136,17 @@ ion-item{
.exp-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);
}
}
}
@@ -155,7 +155,7 @@ ion-item{
}
.exp-middle-detail{
font-size: 12pt;
font-size: rem(16);
width: 100%;
overflow: auto;
@@ -175,7 +175,7 @@ ion-item{
.exp-date{
width: auto;
font-family: Roboto;
font-size: 10pt;
font-size: rem(13);
font-weight: normal;
font-stretch: normal;
font-style: normal;
@@ -186,7 +186,7 @@ ion-item{
}
}
.exp-bottom-detail{
font-size: 8pt;
font-size: rem(10);
width: 100%;
overflow: auto;
padding-left: 3px;
@@ -194,7 +194,7 @@ ion-item{
.exp-remetente{
//width: 200px;
font-family: Roboto;
/* font-size: 13px; */
/* font-size: rem(13); */
font-weight: normal;
color: #000000;
float: left;
@@ -208,7 +208,7 @@ ion-item{
overflow: auto;
}
.div-search{
font-size: 45px;
font-size: rem(45);
float: left;
margin: 0 0 0 10px
}
@@ -222,7 +222,7 @@ ion-item{
width: 100%;
}
.div-profile{
font-size: 45px;
font-size: rem(45);
float: right;
margin-right: 10px;
}
@@ -242,14 +242,14 @@ ion-item{
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{