peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-18 20:47:54 +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/chat/edit-group/edit-group.page.scss
+12 -12
View File
@@ -14,7 +14,7 @@ ion-content{
border: 0!important;
.div-search{
font-size: 45px;
font-size: rem(45);
float: left;
margin: 0 0 0 10px
}
@@ -28,7 +28,7 @@ ion-content{
width: 100%;
}
.div-profile{
font-size: 45px;
font-size: rem(45);
float: right;
margin-right: 10px;
}
@@ -56,7 +56,7 @@ ion-content{
.left{
width: 37px;
float: left;
font-size: 35px;
font-size: rem(35);
overflow: auto;
}
.middle{
@@ -68,19 +68,19 @@ ion-content{
.right{
padding: 0!important;
float: right;
font-size: 15px;
font-size: rem(15);
color: #0782c9;
margin: 8px 0 0 5px;
}
}
.title{
font-size: 25px;
font-size: rem(25);
}
.div-icon{
width: 40px;
width: rem(40);
float: right;
font-size: 35px;
font-size: rem(35);
overflow: auto;
padding: 1px;
}
@@ -116,7 +116,7 @@ ion-content{
.item-container-no-border ion-label{
padding-left: 10px;
font-size: 12px;
font-size: rem(12);
color: #000;
}
}
@@ -130,16 +130,16 @@ 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-input-class{
width: calc(100% - 45px);
height: 45px;
height: rem(45);
border: 1px solid #ebebeb;
border-radius: 5px;
padding-left: 5px;
src/app/shared/chat/group-messages/group-contacts/group-contacts.page.scss
+11 -11
View File
@@ -12,9 +12,9 @@
transform: translate3d(0, 1px, 0);
.div-icon{
width: 40px;
width: rem(40);
float: right;
font-size: 35px;
font-size: rem(35);
overflow: auto;
padding: 1px;
}
@@ -31,7 +31,7 @@
.back-icon{
width: 37px;
float: left;
font-size: 35px;
font-size: rem(35);
overflow: auto;
}
@@ -44,12 +44,12 @@
.adicionar{
padding: 0!important;
float: right;
font-size: 15px;
font-size: rem(15);
color: var(--font-awesome);
margin: 8px 5px 0 5px;
}
.title{
font-size: 25px;
font-size: rem(25);
}
}
}
@@ -99,7 +99,7 @@
.members-label{
//margin: 10px 20px 10px 20px !important;
/* font-size: 15px; */
/* font-size: rem(15); */
font-weight: bold;
}
@@ -111,12 +111,12 @@
.detele-item-icon{
display: none;
width: 30px;
width: rem(30);
margin-left: 15px;
}
.detele-item-icon ion-icon{
font-size: 20px !important;
font-size: rem(20) !important;
}
}
@@ -129,7 +129,7 @@
.item-divider{
background: #ebebeb;
font-size: 15px;
font-size: rem(15);
margin: 10px 0 10px 0;
padding:5px 0 5px 20px;
@@ -149,13 +149,13 @@
.item-checkbox ion-label, .members-checkbox p{
padding-left: 10px;
font-size: 15px;
font-size: rem(15);
color: var(--title-text-color);
float: left;
flex-grow: 1;
}
.icon, .members-checkbox ion-icon{
font-size: 10px;
font-size: rem(10);
}
.online{
color:#99e47b !important;
src/app/shared/chat/group-messages/group-messages.page.scss
+18 -18
View File
@@ -25,7 +25,7 @@
.right{
padding: 0!important;
float: right;
font-size: 25px;
font-size: rem(25);
color: #0782c9;
margin: 5px 0 0 0;
}
@@ -35,15 +35,15 @@
overflow: auto;
.header-bottom-icon{
width: 30px;
font-size: 25px;
width: rem(30);
font-size: rem(25);
float: left;
padding: 2px;
}
.header-bottom-contacts{
width: calc(100% - 40px);
font-size: 15px;
font-size: rem(15);
color: #797979;
white-space: nowrap;
overflow: hidden;
@@ -61,16 +61,16 @@
}
.title{
font-size: 25px;
font-size: rem(25);
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis !important;
float: left;
}
.div-icon{
width: 40px;
width: rem(40);
float: right;
font-size: 35px;
font-size: rem(35);
overflow: auto;
padding: 1px;
}
@@ -90,7 +90,7 @@
//width: em(422px);
background: #ebebeb;
text-align: center;
font-size: 13px;
font-size: rem(13);
color: #797979;
padding: 10px;
margin: 0 auto;
@@ -103,7 +103,7 @@
width: em(422px);
background: var(--chat-alert-msg-color);
text-align: center;
font-size: 13px;
font-size: rem(13);
color: #262420;
padding: 10px;
margin: 10px auto;
@@ -121,11 +121,11 @@
border-radius: 8px;
margin: 10px auto;
color: #797979 !important;
font-size: 13px !important;
font-size: rem(13) !important;
/* margin: 15px 0px 15px 0px; */
.info-text-leave ion-label{
font-size: 13px !important;
font-size: rem(13) !important;
line-height: 1.2rem;
}
}
@@ -135,7 +135,7 @@
width: em(422px);
background: var(--chat-alert-msg-color);
text-align: center;
font-size: 13px;
font-size: rem(13);
color: #262420;
padding: 10px;
margin: 10px auto;
@@ -144,11 +144,11 @@
border-radius: 8px;
.info-meeting-small{
font-size: 10px;
font-size: rem(10);
font-style: italic;
}
.info-meeting-medium{
font-size: 12px;
font-size: rem(12);
}
.info-meeting-normal{
font-weight: 700;
@@ -159,7 +159,7 @@
}
}
.messages{
font-size: 13px;
font-size: rem(13);
font-family: Roboto;
overflow: auto;
@@ -244,13 +244,13 @@
.chat-icon-options{
display:block !important;
font-size: 35px;
font-size: rem(35);
float: right !important;
margin-top: 5px;
}
.chat-icon-send{
font-size: 45px;
font-size: rem(45);
margin: 0 auto;
margin-top: 4px;
}
@@ -285,7 +285,7 @@
left: 0px;
margin-left: 22px;
display: flex;
font-size: 12px;
font-size: rem(12);
align-items: center;
}
src/app/shared/chat/messages/contacts/contacts.page.scss
+7 -7
View File
@@ -16,9 +16,9 @@
transform: translate3d(0, 1px, 0);
.div-icon{
width: 40px;
width: rem(40);
float: right;
font-size: 35px;
font-size: rem(35);
overflow: auto;
padding: 1px;
}
@@ -35,7 +35,7 @@
.back-icon{
width: 37px;
float: left;
font-size: 35px;
font-size: rem(35);
overflow: auto;
}
@@ -46,7 +46,7 @@
margin: 2.5px 0 0 5px;
}
.title{
font-size: 25px;
font-size: rem(25);
}
}
}
@@ -89,7 +89,7 @@
.item-divider{
background: #ebebeb;
font-size: 15px;
font-size: rem(15);
margin: 10px 0 10px 0;
padding:5px 0 5px 20px;
@@ -106,13 +106,13 @@
display: block;
margin: 0 !important;
width: 90%;
font-size: 15px;
font-size: rem(15);
color: var(--title-text-color);
float: left;
}
.item-user .icon{
width: 10%;
font-size: 10px;
font-size: rem(10);
display: block;
text-align: right;
overflow: auto;
src/app/shared/chat/messages/messages.page.scss
+17 -17
View File
@@ -35,7 +35,7 @@
.right {
padding: 0 !important;
float: right;
font-size: 25px;
font-size: rem(25);
color: #0782c9;
margin: 5px 0 0 0;
}
@@ -47,8 +47,8 @@
.header-bottom-icon {
width: 30px;
font-size: 25px;
width: rem(30);
font-size: rem(25);
float: left;
padding: 2px;
@@ -56,7 +56,7 @@
.header-bottom-contacts {
width: 275px;
font-size: 15px;
font-size: rem(15);
color: #797979;
white-space: nowrap;
overflow: hidden;
@@ -68,7 +68,7 @@
}
.title {
font-size: 25px;
font-size: rem(25);
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis !important;
@@ -76,9 +76,9 @@
}
.div-icon {
width: 40px;
width: rem(40);
float: right;
font-size: 35px;
font-size: rem(35);
overflow: auto;
padding: 1px;
}
@@ -101,7 +101,7 @@ ion-content {
width: 100%;
background: #ebebeb;
text-align: center;
font-size: 13px;
font-size: rem(13);
color: #797979;
padding: 10px;
margin: 0 auto;
@@ -116,7 +116,7 @@ ion-content {
width: em(422px);
background: var(--chat-alert-msg-color);
text-align: center;
font-size: 13px;
font-size: rem(13);
color: #262420;
padding: 10px;
margin: 10px auto;
@@ -125,12 +125,12 @@ ion-content {
border-radius: 8px;
.info-meeting-small {
font-size: 10px;
font-size: rem(10);
font-style: italic;
}
.info-meeting-medium {
font-size: 12px;
font-size: rem(12);
}
.info-meeting-normal {
@@ -144,7 +144,7 @@ ion-content {
}
.messages {
font-size: 13px;
font-size: rem(13);
font-family: Roboto;
overflow: auto;
@@ -235,13 +235,13 @@ ion-footer {
.chat-icon-options {
display: block !important;
font-size: 35px;
font-size: rem(35);
float: right !important;
margin-top: 5px;
}
.chat-icon-send {
font-size: 45px;
font-size: rem(45);
margin: 0 auto;
margin-top: 4px;
}
@@ -271,7 +271,7 @@ ion-footer {
}
.text-color-blue {
font-size: 15px;
font-size: rem(15);
color: #0782c9;
font-weight: 500;
letter-spacing: normal;
@@ -353,7 +353,7 @@ ion-footer {
left: 0px;
margin-left: 22px;
display: flex;
font-size: 12px;
font-size: rem(12);
align-items: center;
}
@@ -408,5 +408,5 @@ ion-footer {
.lido, .enviado {
font-size: 11px;
font-size: rem(11);
}
src/app/shared/chat/new-group/contacts/contacts.page.scss
+7 -7
View File
@@ -16,9 +16,9 @@
transform: translate3d(0, 1px, 0);
.div-icon{
width: 40px;
width: rem(40);
float: right;
font-size: 35px;
font-size: rem(35);
overflow: auto;
padding: 1px;
}
@@ -35,7 +35,7 @@
.back-icon{
width: 37px;
float: left;
font-size: 35px;
font-size: rem(35);
overflow: auto;
}
@@ -46,7 +46,7 @@
margin: 2.5px 0 0 5px;
}
.title{
font-size: 25px;
font-size: rem(25);
}
}
}
@@ -87,7 +87,7 @@ ion-content{
.item-divider{
background: #ebebeb;
font-size: 15px;
font-size: rem(15);
margin: 10px 0 10px 0;
padding:5px 0 5px 20px;
@@ -112,12 +112,12 @@ ion-content{
margin: 0 !important;
width: 330px;
padding-left: 10px;
font-size: 15px;
font-size: rem(15);
color: #0d89d1;
float: left;
}
.item-checkbox ion-icon{
font-size: 10px;
font-size: rem(10);
float: left;
color:#99e47b;
margin-left: 10px;
src/app/shared/chat/new-group/new-group.page.scss
+12 -12
View File
@@ -14,7 +14,7 @@ ion-content{
border: 0!important;
.div-search{
font-size: 45px;
font-size: rem(45);
float: left;
margin: 0 0 0 10px
}
@@ -28,7 +28,7 @@ ion-content{
width: 100%;
}
.div-profile{
font-size: 45px;
font-size: rem(45);
float: right;
margin-right: 10px;
}
@@ -56,7 +56,7 @@ ion-content{
.left{
width: 37px;
float: left;
font-size: 35px;
font-size: rem(35);
overflow: auto;
}
.middle{
@@ -68,26 +68,26 @@ ion-content{
.btn-criar{
padding: 0!important;
float: right;
font-size: 15px;
font-size: rem(15);
color: var(--font-awesome);
margin: 8px 5px 0 5px;
}
.right{
padding: 0!important;
float: right;
font-size: 15px;
font-size: rem(15);
color: #0782c9;
margin: 8px 0 0 5px;
}
}
.title{
font-size: 25px;
font-size: rem(25);
}
.div-icon{
width: 40px;
width: rem(40);
float: right;
font-size: 35px;
font-size: rem(35);
overflow: auto;
padding: 1px;
}
@@ -125,7 +125,7 @@ ion-content{
.item-container-no-border ion-label{
padding-left: 10px;
font-size: 12px;
font-size: rem(12);
color: #000;
}
}
@@ -141,15 +141,15 @@ ion-content{
.ion-icon-class{
width: 5%;
height: 45px;
height: rem(45);
float: left;
padding: 10px;
font-size: 25px;
font-size: rem(25);
}
}
.ion-input-class{
width: 93%;
height: 45px;
height: rem(45);
border: 1px solid #ebebeb;
border-radius: 5px;
padding-left: 5px;