improve responsiveness

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
+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,23 +192,23 @@ 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: 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);
}
}
}
@@ -223,7 +223,7 @@ ion-menu{
.arrow-right-icon{
width: 37px;
float: right;
font-size: 35px;
font-size: rem(35);
}
}
.buttons{
@@ -233,7 +233,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;