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

responsive

Browse Source
This commit is contained in:
Peter Maquiran
2023-07-06 12:18:15 +01:00
parent 89e11c6fe4
commit 3df11142f6
53 changed files with 695 additions and 893 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/events/events.page.html
+15 -15
View File
@@ -28,22 +28,22 @@
<div class="box-container width-100 d-flex mx-20" style="padding: 0px;overflow: hidden;">
<ion-progress-bar type="indeterminate" *ngIf="loadingAllTask || TaskService.showLoader"></ion-progress-bar>
<div class="px-20 pb-20 container-filters">
<p class="time ion-text-left ">{{customDate}}</p>
<p class="time ion-text-left font-18-em">{{customDate}}</p>
<div class="filters-box wrap d-flex float-left">
<div class="event-box pointer hideMobile" (click)="goToAllTaskFilter('ForToDay')">
<div class="event-box pointer hideMobile font-14-em" (click)="goToAllTaskFilter('ForToDay')">
<!-- <p>correspondencia com prazo para hoje</p> -->
<p>Correspondências com prazo para hoje</p>
<span>{{ TaskService.deadline }}</span>
</div>
<div class="event-box pointer hideMobile" (click)="goToAllTaskFilter('OverdueTasks')">
<div class="event-box pointer hideMobile font-14-em" (click)="goToAllTaskFilter('OverdueTasks')">
<!-- <p>correspondencia em atraso</p> -->
<p>Correspondências em atraso</p>
<span>{{ TaskService.overdueTasks }}</span>
</div>
<div class="event-box pointer hideMobile" (click)="goToAllTaskFilter('unread')">
<div class="event-box pointer hideMobile font-14-em" (click)="goToAllTaskFilter('unread')">
<!-- <p>correspondencia não lidas</p> -->
<p>Correspondências não lidas</p>
<span>{{ TaskService.unread }}</span>
@@ -52,17 +52,17 @@
<!-- ««««««««««««««««««««««««««««««««««««««««««««« -->
<div class="event-box pointer d-none showMobile" (click)="goToAllTaskFilter('ForToDay')">
<div class="event-box pointer d-none showMobile font-14-em" (click)="goToAllTaskFilter('ForToDay')">
<!-- <p>correspondencia com prazo para hoje</p> -->
<p>Correspondências com prazo para hoje <b>{{ TaskService.deadline }}</b></p>
</div>
<div class="event-box pointer d-none showMobile" (click)="goToAllTaskFilter('OverdueTasks')">
<div class="event-box pointer d-none showMobile font-14-em" (click)="goToAllTaskFilter('OverdueTasks')">
<!-- <p>correspondencia em atraso</p> -->
<p>Correspondências em atraso <b>{{ TaskService.overdueTasks }}</b></p>
</div>
<div class="event-box pointer d-none showMobile" (click)="goToAllTaskFilter('unread')">
<div class="event-box pointer d-none showMobile font-14-em" (click)="goToAllTaskFilter('unread')">
<!-- <p>correspondencia não lidas</p> -->
<p>Correspondências não lidas <b>{{ TaskService.unread }}</b></p>
</div>
@@ -83,21 +83,21 @@
<button title="Ir para a sua Agenda" class="btn-no-color" [routerLink]="['/home/agenda']">
<ion-icon
*ngIf="ThemeService.currentTheme == 'default' "
class="icon-next"
class="icon-next font-35-rem"
slot="end"
src="assets/images/icons-arrow-circle-arrow-right.svg"
></ion-icon>
<ion-icon
*ngIf="ThemeService.currentTheme == 'gov' "
class="icon-next"
class="icon-next font-35-rem"
slot="end"
src="assets/images/theme/gov/icons-arrow-circle-arrow-right.svg"
></ion-icon>
<ion-icon
*ngIf="ThemeService.currentTheme == 'doneIt' "
class="icon-next"
class="icon-next font-35-em"
slot="end"
src="assets/images/theme/doneIt/icons-arrow-circle-arrow-right.svg"
></ion-icon>
@@ -202,26 +202,26 @@
<div class="schedule-header">
<div class="title">
<ion-icon class="icon" slot="end" src="assets/images/icons-default-agenda.svg" ></ion-icon>
<div class="text">A sua agenda do dia</div>
<div class="font-size-20">A sua agenda do dia</div>
</div>
<button title="Ir para a sua Agenda" class="btn-no-color" [routerLink]="['/home/agenda']">
<button class="transparent--background" title="Ir para a sua Agenda" [routerLink]="['/home/agenda']">
<ion-icon
*ngIf="ThemeService.currentTheme == 'default' "
class="icon-next"
class="icon-next-color font-35-em"
slot="end"
src="assets/images/icons-arrow-circle-arrow-right.svg"
></ion-icon>
<ion-icon
*ngIf="ThemeService.currentTheme == 'gov' "
class="icon-next"
class="icon-next-color font-35-em"
slot="end"
src="assets/images/theme/gov/icons-arrow-circle-arrow-right.svg"
></ion-icon>
<ion-icon
*ngIf="ThemeService.currentTheme == 'doneIt' "
class="icon-next"
class="icon-next-color font-35-em"
slot="end"
src="assets/images/theme/doneIt/icons-arrow-circle-arrow-right.svg"
></ion-icon>
src/app/pages/events/events.page.scss
+23 -5
View File
@@ -309,7 +309,6 @@ ion-toolbar{
}
.time{
font-family: Roboto;
font-size: 18pt;
text-align: center;
color: var(--header-tab-text-white);
line-height: unset;
@@ -386,11 +385,11 @@ ion-toolbar{
}
.icon-next {
color: #e8e8e8;
height: 35px;
width: 35px;
font-size: 35px;
font-size: 35px;
}
.icon-next-color {
color: #e8e8e8;
}
}
.content{
//padding: 0px 20px 20px 20px;
@@ -606,6 +605,8 @@ ion-title{
width: 150px;
height: 90px;
margin:5px;
margin-left: 0px;
margin-right: 0px;
flex-direction: column;
display: flex;
justify-content: space-between;
@@ -616,7 +617,6 @@ ion-title{
-o-border-radius: 10px;
padding: 10px;
p{
font-size: 14px;
margin-bottom: 5px;
line-height: 15px;
}
@@ -678,3 +678,21 @@ ion-title{
.event-box-content {
justify-content: flex-start !important;
}
@media only screen and (min-width: 100px) {
.container-filters, .filters-box, .schedule-header, .Goto-agenda{
font-size: 14px;
}
}
@media only screen and (min-width: 500px) {
.container-filters, .filters-box, .schedule-header, .Goto-agenda {
font-size: 16px;
}
}