peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-19 21:06:06 +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/agenda/view-event/view-event.page.html
+3 -3
View File
@@ -82,7 +82,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">
@@ -92,7 +92,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="text">{{ loadedEvent.Body.Text }} </pre>
</ion-item>
@@ -101,7 +101,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">
<li *ngFor="let attach of loadedEvent.Attachments; let i = index" class="width-100" lines="none" class="ion-no-margin ion-no-padding pa-0">
<ion-label class="width-100 d-flex align-center">
src/app/shared/agenda/view-event/view-event.page.scss
+20 -19
View File
@@ -3,7 +3,7 @@ ion-content{
--padding-top:0px;
--padding-start: 20px;
--padding-end: 20px;
font-size: 18px;
font-size: rem(18);
overflow: auto;
}
@@ -33,7 +33,7 @@ ion-content{
.left{
width: 37px;
float: left;
font-size: 35px;
font-size: rem(35);
}
.middle{
@@ -49,8 +49,8 @@ ion-content{
}
.header-icon-right{
width: 45px;
font-size: 45px;
width: rem(45);
font-size: rem(45);
float: right;
}
@@ -67,12 +67,12 @@ ion-content{
}
.div-icon .edit{
font-size: 35px;
font-size: rem(35);
float: left;
}
.div-icon .delete{
padding: 7px;
font-size: 21px;
font-size: rem(21);
color:#fff;
background: #d30606;
border-radius: 20px;
@@ -81,7 +81,7 @@ ion-content{
}
.title{
font-size: 25px;
font-size: rem(25);
}
}
@@ -96,7 +96,7 @@ ion-content{
.upper-content{
width: calc(100%-50px);
margin-left: 50px;
font-size: 18px;
font-size: rem(18);
.content-location{
width: 100%;
@@ -116,18 +116,19 @@ ion-content{
float: right !important;
padding: 5px 13.5px 5px 13.5px;
color: #fff;
font-size: rem(14);
}
}
.location-detail{
font-weight: 700;
font-size: 18px;
font-size: rem(18);
float: left;
margin: 5px 5px 5px 0px;
}
.button-calendar-type ion-button{
height: 25px;
height: rem(25);
}
.button-edit-event {
width: 140px;
@@ -137,7 +138,7 @@ ion-content{
--color:#061b52;
}
.content-details p{
font-size: 16px;
font-size: rem(16);
}
}
.line{
@@ -150,7 +151,7 @@ ion-content{
overflow: auto;
.middle-content h3, .middle-content p{
font-size: 16px;
font-size: rem(16);
}
}
@@ -158,11 +159,11 @@ ion-content{
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;
@@ -170,24 +171,24 @@ 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:#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);
}
}
}
@@ -205,7 +206,7 @@ ion-content{
cursor: pointer;
display: flex;
justify-content: center;
width: 35px;
width: rem(35);
height: 41px;
align-items: center;
}