peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-19 04:57:52 +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/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;
}