peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-20 05:16:07 +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/diplomas/diplomas.page.html
+5 -5
View File
@@ -6,13 +6,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/diplomas/diplomas.page.scss
+17 -17
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;
@@ -26,7 +26,7 @@
color:#000;
}
.item-list-small{
font-size: 11px;
font-size: rem(11);
overflow: hidden;
}
.ion-item-class{
@@ -69,12 +69,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;
}
@@ -84,7 +84,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;
@@ -92,14 +92,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;
}
@@ -124,7 +124,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;
@@ -137,17 +137,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);
}
}
}
@@ -156,7 +156,7 @@ ion-item{
}
.exp-middle-detail{
font-size: 12pt;
font-size: rem(16);
width: 100%;
overflow: auto;
@@ -176,7 +176,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;
@@ -187,7 +187,7 @@ ion-item{
}
}
.exp-bottom-detail{
font-size: 8pt;
font-size: rem(10);
width: 100%;
overflow: auto;
padding-left: 3px;
@@ -195,7 +195,7 @@ ion-item{
.exp-remetente{
//width: 200px;
font-family: Roboto;
/* font-size: 13px; */
/* font-size: rem(13); */
font-weight: normal;
color: #000000;
float: left;
@@ -209,7 +209,7 @@ ion-item{
overflow: auto;
}
.div-search{
font-size: 45px;
font-size: rem(45);
float: left;
margin: 0 0 0 10px
}
@@ -223,7 +223,7 @@ ion-item{
width: 100%;
}
.div-profile{
font-size: 45px;
font-size: rem(45);
float: right;
margin-right: 10px;
}