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/services/events/events.page.scss
+34 -34
View File
@@ -30,7 +30,7 @@ ion-toolbar{
border: 0!important;
.div-search{
font-size: 45px;
font-size: rem(45);
float: left;
margin: 0 0 0 10px
}
@@ -44,7 +44,7 @@ ion-toolbar{
width: 100%;
}
.div-profile{
font-size: 45px;
font-size: rem(45);
float: right;
margin-right: 10px;
}
@@ -66,7 +66,7 @@ ion-toolbar{
}
.header-xsmall{
font-family: Arial, Helvetica, sans-serif;
font-size: 9.7pt;
font-size: rem(13);
font-weight: bold;
padding-bottom: 3.5px;
margin-bottom: 3.5px;
@@ -74,16 +74,16 @@ ion-toolbar{
background: transparent;
}
.header-medium{
font-size: 12pt;
font-size: rem(16);
text-align: left;
font-family: roboto;
background: transparent;
margin-right: 5px;
line-height: 25px;
line-height: rem(25);
}
.p-small{
font-size: 13pt;
font-size: rem(17);
margin-top: 13px;
color:#000;
margin-right: 25px !important;
@@ -93,7 +93,7 @@ ion-toolbar{
/* CONTENT */
.item-list-small{
font-size: 14px;
font-size: rem(14);
overflow: auto;
}
.ion-item-class{
@@ -134,12 +134,12 @@ ion-toolbar{
.div-up h3{
margin: 0;
padding: 0;
font-size: 17px;
font-size: rem(17);
width: 100%;
}
.div-icon{
width: 10%;
font-size: 22px;
font-size: rem(22);
float: left;
color: #808080;
}
@@ -161,11 +161,11 @@ ion-toolbar{
padding: 0 0 0 12px;
}
.div-content-Oficial h3, .div-content-Pessoal h3{
font-size: 14pt;
font-size: rem(19);
/* 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;
@@ -183,7 +183,7 @@ ion-toolbar{
text-align: center;
display: block;
color: #000;
font-size: 16px;
font-size: rem(16);
margin: 0 auto;
}
.div-botton-middle{
@@ -203,7 +203,7 @@ ion-toolbar{
}
.ion-icon-attach{
color: #666666;
font-size: 20px;
font-size: rem(20);
}
/* NEW CSS FOR TOGGLE BUTTON */
.toggleBox{
@@ -230,7 +230,7 @@ ion-toolbar{
position: absolute;
content: "";
left: 0;
width: 30px;
width: rem(30);
height: 30px;
background: #fff;
border-radius: 50%;
@@ -253,7 +253,7 @@ ion-toolbar{
position: absolute;
color: #fff;
font-weight: 600;
font-size: 12px;
font-size: rem(12);
pointer-events: none;
}
.onbtn{
@@ -280,19 +280,19 @@ ion-toolbar{
.event-number{
color: white;
font-family: Roboto;
font-size: 15px;
font-size: rem(15);
color: var(--white);
bold{
font-family: Roboto;
font-size: 25px;
font-size: rem(25);
text-align: right;
color: var(--white);
}
}
.time{
font-family: Roboto;
font-size: 30px;
font-size: rem(30);
text-align: center;
color: var(--white);
line-height: unset;
@@ -316,7 +316,7 @@ ion-toolbar{
.meeting-description {
margin-top: 2px;
font-family: Roboto;
font-size: 15px;
font-size: rem(15);
color: var(--white);
}
}
@@ -353,22 +353,22 @@ ion-toolbar{
.icon{
color: #e8e8e8;
height: 35px;
width: 35px;
height: rem(35);
width: rem(35);
margin-right: 10px;
}
.text{
font-family: Roboto;
font-size: 20px;
font-size: rem(20);
color: black;
}
}
.icon-next {
color: #e8e8e8;
height: 35px;
width: 35px;
font-size: 35px;
font-size: 35px;
height: rem(35);
width: rem(35);
font-size: rem(35);
font-size: rem(35);
}
}
.content{
@@ -405,19 +405,19 @@ ion-toolbar{
.time-start{
color: #797979 !important;
font-family: Roboto;
font-size: 13px;
font-size: rem(13);
}
.time-end{
color: #797979 !important;
font-family: Roboto;
font-size: 13px;
font-size: rem(13);
}
}
.schedule-date{
margin-right: 10px;
width: 22%;
color: #797979 !important;
font-size: 13px;
font-size: rem(13);
}
.schedule-details{
display: flex;
@@ -426,7 +426,7 @@ ion-toolbar{
width: 78%;
.location{
font-family: Roboto;
font-size: 13px;
font-size: rem(13);
color: black;
width: 100%;
@@ -434,7 +434,7 @@ ion-toolbar{
.description{
width: 100%;
font-family: Roboto;
font-size: 15px;
font-size: rem(15);
font-weight: bold;
color: #0d89d1;
}
@@ -446,7 +446,7 @@ ion-toolbar{
}
.color{
width: 5px;
height: 40px;
height: rem(40);
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background-color: #f05d5e;
@@ -463,7 +463,7 @@ ion-toolbar{
.resume{
.title{
font-family: Roboto;
font-size: 15px;
font-size: rem(15);
font-weight: 500;
color: #797979;
margin-bottom: 5px;
@@ -471,7 +471,7 @@ ion-toolbar{
}
.event-num, .first-event-time{
font-family: Roboto;
font-size: 15px;
font-size: rem(15);
display: block;
color: black;
}