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/pages/agenda/agenda.page.scss
+6 -6
View File
@@ -59,7 +59,7 @@
font-size: rem(25);
}
.div-icon{
width: 40px;
width: rem(40);
float: right;
font-size: rem(35);
overflow: auto;
@@ -202,7 +202,7 @@ input[type="checkbox"]::before{
position: absolute;
content: "";
left: 0;
width: 30px;
width: rem(30);
height: 30px;
background: #fff;
border-radius: 50%;
@@ -342,7 +342,7 @@ td.monthview-primary-with-event {
padding: 0px;
li{
list-style: none;
height: 35px;
height: rem(35);
display: flex;
align-items: center;
}
@@ -542,7 +542,7 @@ td.monthview-primary-with-event {
}
.color{
width: 5px;
height: 40px;
height: rem(40);
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background-color: #f05d5e;
@@ -565,7 +565,7 @@ td.monthview-primary-with-event {
/* border: 1px solid red; */
}
.div-content-Oficial p, .div-content-Pessoal p{
font-size: 12pt;
font-size: rem(16);
color: rgb(94, 92, 92);
padding: 0 !important;
margin: 0 !important;
@@ -840,7 +840,7 @@ app-approve-event{
.resize{
font-size: 27px !important;
ion-icon{
font-size: rem(27) !important;
font-size: 27px !important;
}
}
}
src/app/pages/agenda/edit-event/edit-event.page.scss
+22 -21
View File
@@ -1,4 +1,5 @@
@import '~src/function.scss';
.title-content::after, .header-md::after{
display: none;
@@ -27,12 +28,12 @@
}
.title{
font-size: 25px;
font-size: rem(25);
}
}
.ion-item-container{
margin: 15px auto;
margin: rem(15) auto;
border: 1px solid #ebebeb;
border-radius: 5px;
padding-left: 10px;
@@ -50,11 +51,11 @@
margin: 0px auto;
}
.ion-icon-class{
width: 45px;
height: 45px;
width: rem(45);
height: rem(45);
float: left;
padding: 10px;
font-size: 25px;
font-size: rem(25);
}
ion-select{
padding-left: 5px;
@@ -62,7 +63,7 @@
}
.ion-input-class{
width: calc(100% - 45px);
height: 45px;
height: rem(45);
border: 1px solid #ebebeb;
border-radius: 5px;
padding-left: 5px;
@@ -79,19 +80,19 @@
}
.add-people{
width: 45px;
width: rem(45);
float: right;
overflow: auto;
font-size: 25px;
height: 45px;
font-size: rem(25);
height: rem(45);
display: flex;
}
.list-people-title{
/* font-size: 13px; */
/* font-size: rem(13); */
color: #a3a3a3;
}
.attach-document{
font-size: 15px;
font-size: rem(15);
color: var(--title-text-color);;
margin: 5px 5px 5px 10px;
padding: 5px;
@@ -99,40 +100,40 @@
}
.attach-icon{
width: 37px;
font-size: 35px;
font-size: rem(35);
float: left;
}
.attach-title-item{
width: 100%;
font-size: 15px;
font-size: rem(15);
color:var(--title-text-color);
}
/* SPAN */
.span-left{
float: left;
font-size: 15x;
font-size: rem(15);
}
.span-right{
text-align: right;
float: right;
font-size: 13px;
font-size: rem(13);
}
.container-footer{
margin:0 auto;
overflow: auto;
}
.button-cancel {
width: 170px;
height: 44px;
width: rem(170);
height: rem(44);
border-radius: 22.5px;
--background: #e0e9ee;
--color: #061b52;
margin:10px;
}
.button-save {
width: 170px;
height: 44px;
width: rem(170);
height: rem(44);
border-radius: 22.5px;
--background: #42b9fe;
--color:#ffffff;
@@ -150,7 +151,7 @@
/* Error Messages */
.error{
color:red;
font-size: 12px;
font-size: rem(12);
font-weight: bold;
padding-bottom: 20px;
}
@@ -176,7 +177,7 @@
align-items: center;
padding: 0px 5px;
color: white;
font-size: 9pt;
font-size: rem(12);
font-weight: 500;
height: 19px;
-webkit-border-radius: 18px;
src/app/pages/agenda/emend-message-modal/emend-message-modal.page.scss
+4 -2
View File
@@ -1,3 +1,5 @@
@import '~src/function.scss';
.header-content{
//width: 360px;
overflow: auto;
@@ -5,7 +7,7 @@
}
.header-icon-left{
width: 36px;
font-size: 33px;
font-size: rem(33);
color: #42b9fe;
float: left;
}
@@ -13,7 +15,7 @@
.header-title{
width: 264px;
font-family: Roboto;
font-size: 25px;
font-size: rem(25);
margin: 0 5px 10px 20px;
padding: 0;
color:#000;
src/app/pages/agenda/event-actions-popover/event-actions-popover.page.scss
+3 -1
View File
@@ -1,3 +1,5 @@
@import '~src/function.scss';
.wrapper{
--padding-top:20px !important;
--padding-bottom:20px !important;
@@ -10,7 +12,7 @@
.arrow-right-icon{
width: 37px;
float: right;
font-size: 35px;
font-size: rem(35);
overflow: hidden;
}
}
src/app/pages/agenda/new-event/new-event.page.scss
+20 -20
View File
@@ -32,7 +32,7 @@ ion-content{
}
.title{
font-size: 25px;
font-size: rem(25);
}
}
@@ -68,18 +68,18 @@ ion-content{
margin: 0px auto;
}
.ion-icon-class{
width: 45px;
height: 45px;
width: rem(45);
height: rem(45);
float: left;
padding: 10px;
font-size: 25px;
font-size: rem(25);
}
ion-select{
padding-left: 5px;
margin-left: 0;
}
.ion-input-class{
height: 45px;
height: rem(45);
border: 1px solid #ebebeb;
border-radius: 5px;
padding-left: 5px;
@@ -102,19 +102,19 @@ ion-content{
}
.add-people{
width: 45px;
width: rem(45);
float: right;
overflow: auto;
font-size: 25px;
height: 45px;
font-size: rem(25);
height: rem(45);
display: flex;
}
.list-people-title{
/* font-size: 13px; */
/* font-size: rem(13); */
color: #a3a3a3;
}
.attach-document{
font-size: 15px;
font-size: rem(15);
color: var(--title-text-color);
margin: 5px 5px 5px 10px;
padding: 5px;
@@ -122,39 +122,39 @@ ion-content{
}
.attach-icon{
width: 37px;
font-size: 35px;
font-size: rem(35);
float: left;
}
.attach-title-item{
width: 100%;
font-size: 15px;
font-size: rem(15);
color:var(--title-text-color);
}
/* SPAN */
.span-left{
float: left;
font-size: 15x;
font-size: rem(15);
}
.span-right{
text-align: right;
float: right;
font-size: 13px;
font-size: rem(13);
}
.container-footer{
margin:0 auto;
overflow: auto;
}
.button-cancel {
width: 170px;
height: 44px;
width: rem(170);
height: rem(44);
border-radius: 22.5px;
--background: #e0e9ee;
--color: #061b52;
margin:10px;
}
.button-save {
width: 170px;
height: 44px;
width: rem(170);
height: rem(44);
border-radius: 22.5px;
--background: #42b9fe;
--color:#ffffff;
@@ -172,7 +172,7 @@ ion-content{
/* Error Messages */
.error{
color:red;
font-size: 12px;
font-size: rem(12);
font-weight: bold;
padding-bottom: 20px;
}
@@ -193,7 +193,7 @@ ion-content{
align-items: center;
padding: 0px 5px;
color: white;
font-size: 9pt;
font-size: rem(12);
font-weight: 500;
height: 19px;
-webkit-border-radius: 18px;
src/app/pages/agenda/view-event/view-event.page.html
+4 -4
View File
@@ -36,7 +36,7 @@
<div class="content-location">
<span class="date">{{loadedEvent.Location}}</span>
<div *ngIf="loadedEvent.Organizer">
<div *ngIf="loadedEvent.Organizer" class="font-15-rem">
<div *ngIf="eventsService.isMyEvent(loadedEvent) == false || sesseionStora.user.Profile =='PR'">
<span class="label" *ngIf="loadedEvent.CalendarName == 'Oficial' " style="background-color: #99e47b;">{{loadedEvent.CalendarName}}</span>
@@ -69,7 +69,7 @@
<div class="line"></div>
<div class="middle-content">
<div *ngIf="loadedEvent.Attendees">
<h5>Intervenientes</h5>
<h5 class="font-17-rem">Intervenientes</h5>
<ion-item class="ion-no-margin ion-no-padding">
<ion-label>
<div *ngFor="let attendee of loadedEvent.Attendees">
@@ -79,7 +79,7 @@
</ion-item>
</div>
<div *ngIf="loadedEvent.Body.Text">
<h5>Detalhes</h5>
<h5 class="font-17-rem">Detalhes</h5>
<ion-item lines="none" class="ion-no-margin ion-no-padding">
<pre class="width-100 text">{{ loadedEvent.Body.Text }} </pre>
</ion-item>
@@ -88,7 +88,7 @@
</div>
<div *ngIf="loadedEvent.Attachments" class="bottom-content width-100">
<h5>Documentos Anexados</h5>
<h5 class="font-17-rem">Documentos Anexados</h5>
<ion-list class="width-100">
<ion-item *ngFor="let attach of loadedEvent.Attachments; let i = index" class="width-100" class="ion-no-margin ion-no-padding">
<ion-label class="width-100 d-flex " (click)="docIndex(i);LoadDocumentDetails()">
src/app/pages/agenda/view-event/view-event.page.scss
+20 -20
View File
@@ -4,7 +4,7 @@ ion-content{
/* --padding-top:0px;
--padding-start: 20px;
--padding-end: 20px;
font-size: 18px; */
font-size: rem(18); */
overflow: auto;
}
ion-menu{
@@ -31,7 +31,7 @@ ion-menu{
.left{
width: 37px;
float: left;
font-size: 35px;
font-size: rem(35);
}
.middle{
width: calc(100% - 138.5px) !important;
@@ -45,8 +45,8 @@ ion-menu{
}
}
.header-icon-right{
width: 45px;
font-size: 45px;
width: rem(45);
font-size: rem(45);
float: right;
}
.menu-options{
@@ -59,12 +59,12 @@ ion-menu{
margin-left: 15px;
}
.menu-options .edit{
font-size: 35px;
font-size: rem(35);
float: left;
}
.menu-options .delete{
padding: 7px;
font-size: 21px;
font-size: rem(21);
color:#fff;
background: #d30606;
border-radius: 20px;
@@ -73,7 +73,7 @@ ion-menu{
}
.title{
font-size: 25px;
font-size: rem(25);
}
}
@@ -94,7 +94,7 @@ ion-menu{
.upper-content{
width: calc(100%-50px);
margin-left: 50px;
font-size: 18px;
font-size: rem(18);
.content-location{
width: 100%;
@@ -113,7 +113,7 @@ ion-menu{
.location-detail{
width: 210px;
font-weight: 700;
font-size: 18px;
font-size: rem(18);
float: left;
margin: 5px 5px 5px 0px;
}
@@ -149,7 +149,7 @@ ion-menu{
.button-calendar-type ion-button{
height: 25px;
height: rem(25);
}
.button-edit-event {
width: 140px;
@@ -159,7 +159,7 @@ ion-menu{
--color:#061b52;
}
.content-details p{
font-size: 16px;
font-size: rem(16);
}
}
.line{
@@ -172,7 +172,7 @@ ion-menu{
overflow: auto;
.middle-content h3, .middle-content p{
font-size: 16px;
font-size: rem(16);
}
}
@@ -180,11 +180,11 @@ ion-menu{
margin: 0 auto;
.bottom-content h3{
font-size: 16px;
font-size: rem(16);
margin: 0 0 0 10px;
}
.attach-document{
font-size: 15px;
font-size: rem(15);
color: var(--title-text-color);
margin: 5px 5px 5px 10px;
padding: 5px;
@@ -192,24 +192,24 @@ ion-menu{
}
.attach-icon{
width: 37px;
font-size: 35px;
font-size: rem(35);
float: left;
}
.attach-title-item{
width: 100%;
font-size: 15px;
font-size: rem(15);
color:#0d89d1;
/* color: var(--title-text-color); */
}
/* SPAN */
.span-left{
float: left;
font-size: 15x;
font-size: rem(15);
}
.span-right{
text-align: right;
float: right;
font-size: 13px;
font-size: rem(13);
}
}
}
@@ -224,7 +224,7 @@ ion-menu{
.arrow-right-icon{
width: 37px;
float: right;
font-size: 35px;
font-size: rem(35);
}
}
.buttons{
@@ -234,7 +234,7 @@ ion-menu{
.btn-ok, .btn-cancel, .btn-delete{
height: auto !important;
font-size: 16px !important;
font-size: rem(16) !important;
width: 100% !important;
margin-bottom: 10px !important;
padding: 15px !important;