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

responsive

Browse Source
This commit is contained in:
Peter Maquiran
2023-07-06 12:18:15 +01:00
parent 89e11c6fe4
commit 3df11142f6
53 changed files with 695 additions and 893 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/chat/messages/contacts/contacts.page.scss
+7 -6
View File
@@ -1,3 +1,4 @@
@import '~src/function.scss';
.header-toolbar{
--background:transparent;
@@ -18,7 +19,7 @@
.div-icon{
width: 40px;
float: right;
font-size: 35px;
font-size: rem(35);
overflow: auto;
padding: 1px;
}
@@ -35,7 +36,7 @@
.back-icon{
width: 37px;
float: left;
font-size: 35px;
font-size: rem(35);
overflow: auto;
}
@@ -46,7 +47,7 @@
margin: 2.5px 0 0 5px;
}
.title{
font-size: 25px;
font-size: rem(25);
}
}
}
@@ -89,7 +90,7 @@
.item-divider{
background: #ebebeb;
font-size: 15px;
font-size: rem(15);
margin: 10px 0 10px 0;
padding:5px 0 5px 20px;
@@ -106,13 +107,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/pages/chat/messages/messages.page.scss
+47 -29
View File
@@ -1,4 +1,22 @@
@import '~src/function.scss';
@media only screen and (min-width: 100px) {
:host{
font-size: 14px;
}
}
@media only screen and (min-width: 500px) {
:host{
font-size: 16px;
}
}
.header-toolbar{
--background:transparent;
--opacity: 1;
@@ -29,7 +47,7 @@
.header-top-btn{
background: transparent;
font-size: 25px !important;
font-size: rem(25) !important;
font-weight: 100 !important;
/* color: #0782c9; */
color: #42b9fe;
@@ -58,13 +76,13 @@
.middle-container-options-icons{
color: #0782c9;
font-size: 23px;
font-size: rem(23);
}
}
.right{
padding: 0!important;
float: right;
font-size: 25px;
font-size: rem(25 );
color: #0782c9;
margin: 5px 0 0 0;
}
@@ -76,14 +94,14 @@
.header-bottom-icon{
width: 30px;
font-size: 25px;
font-size: rem(25);
float: left;
padding: 2px;
}
.header-bottom-contacts{
width: 275px;
font-size: 15px;
font-size: rem(15) ;
color: #797979;
white-space: nowrap;
overflow: hidden;
@@ -95,7 +113,7 @@
}
.title{
font-size: 25px;
font-size: rem(25);
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis !important;
@@ -104,7 +122,7 @@
.div-icon{
width: 40px;
float: right;
font-size: 35px;
font-size: rem(35);
overflow: auto;
padding: 1px;
}
@@ -118,19 +136,19 @@
ion-content{
.welcome-text{
/* width: 322px; */
width: em(422px);
width: rem(422);
background: #ebebeb;
text-align: center;
font-size: 13px;
font-size: rem(13) ;
color: #797979;
padding: 10px;
margin: 0 auto;
line-height: 1.2rem;
line-height: 1.2rrem;
margin: 20px 39px 25px;
border-radius: 8px;
}
.messages{
font-size: 13px;
font-size: rem(13) ;
font-family: Roboto;
overflow: auto;
@@ -145,10 +163,10 @@
word-wrap: break-word;
-webkit-overflow-scrolling: touch;
.messages-list-item-wrapper{
.messages-list-itrem-wrapper{
overflow: hidden;
}
.messages-list-item-wrapper-active{
.messages-list-itrem-wrapper-active{
background: #e6f6ff75 !important;
}
@@ -190,23 +208,23 @@
.info-meeting{
/* width: 322px; */
width: em(422px);
width: rem(422);
background: var(--chat-alert-msg-color);
text-align: center;
font-size: 13px;
font-size: rem(13) ;
color: #262420;
padding: 10px;
margin: 10px auto;
line-height: 1.2rem;
line-height: 1.2rrem;
/* margin: 15px 0px 15px 0px; */
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{
color: #0782c9;
@@ -225,18 +243,18 @@
.container{
justify-content: center;
justify-content: space-evenly;
align-items: center;
align-itrems: center;
}
.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;
}
@@ -246,7 +264,7 @@
border: 1px solid #ebebeb;
border-radius: 25px;
padding-left: 15px;
align-items: center;
align-itrems: center;
overflow: auto;
ion-textarea{
@@ -259,7 +277,7 @@
}
.text-color-blue{
font-size: 15px;
font-size: rem(15);
color: #0782c9;
font-weight: 500;
letter-spacing: normal;
@@ -309,8 +327,8 @@ display: block;
left: 0px;
margin-left: 22px;
display: flex;
font-size: 12px;
align-items: center;
font-size: rem(12);
align-itrems: center;
}
@@ -334,14 +352,14 @@ button::-moz-focus-inner {
position: relative !important;
float: right;
display: flex;
align-items: self-end;
align-itrems: self-end;
}
.float-status-image{
position: relative !important;
float: right;
display: flex;
align-items: self-end;
align-itrems: self-end;
top: -15px;
}
@@ -350,11 +368,11 @@ button::-moz-focus-inner {
top: 0px !important;
float: right;
display: flex;
align-items: self-end;
align-itrems: self-end;
}
.float-status-all {
font-size: 10pt !important;
font-size: rem(13) !important;
}
.try {
src/app/pages/chat/messages/messages.page.ts
+2 -15
View File
@@ -1,15 +1,12 @@
import { AfterViewInit, ChangeDetectorRef, Component, ElementRef, OnDestroy, OnInit, ViewChild } from '@angular/core';
import { ActivatedRoute, Route, Router } from '@angular/router'
import { AfterViewInit, Component, ElementRef, OnDestroy, OnInit, ViewChild } from '@angular/core';
import { Router } from '@angular/router'
import { GestureController, ModalController, NavParams, PopoverController, Platform, AlertController } from '@ionic/angular';
import { ViewDocumentPage } from 'src/app/modals/view-document/view-document.page';
import { EventPerson } from 'src/app/models/eventperson.model';
import { ExpedientTaskModalPageNavParamsTask } from 'src/app/models/ExpedientTaskModalPage';
import { ContactsPage } from 'src/app/pages/chat/messages/contacts/contacts.page';
import { AlertService } from 'src/app/services/alert.service';
import { AuthService } from 'src/app/services/auth.service';
import { ChatService } from 'src/app/services/chat.service';
import { FileService } from 'src/app/services/functions/file.service';
import { ProcessesService } from 'src/app/services/processes.service';
import { ToastService } from 'src/app/services/toast.service';
import { ChatOptionsPopoverPage } from 'src/app/shared/popover/chat-options-popover/chat-options-popover.page';
import { MessagesOptionsPage } from 'src/app/shared/popover/messages-options/messages-options.page';
@@ -20,22 +17,15 @@ import { ThemeService } from 'src/app/services/theme.service'
import { VoiceRecorder, RecordingData, GenericResponse } from 'capacitor-voice-recorder';
import { Haptics, ImpactStyle } from '@capacitor/haptics';
import { SqliteService } from 'src/app/services/sqlite.service';
import { ViewEventPage } from 'src/app/modals/view-event/view-event.page';
import { ChatSystemService } from 'src/app/services/chat/chat-system.service'
import { MessageService } from 'src/app/services/chat/message.service';
import { AttachmentsService } from 'src/app/services/attachments.service';
import { CameraService } from 'src/app/services/camera.service';
import { element } from 'protractor';
import { FileType } from 'src/app/models/fileType';
import { SearchPage } from 'src/app/pages/search/search.page';
import { Storage } from '@ionic/storage';
import { FileToBase64Service } from 'src/app/services/file/file-to-base64.service';
import { Camera, CameraResultType, CameraSource } from '@capacitor/camera';
import { DomSanitizer } from '@angular/platform-browser';
import { SessionStore } from 'src/app/store/session.service';
import { HttpErrorResponse } from '@angular/common/http';
import { ViewMediaPage } from 'src/app/modals/view-media/view-media.page';
import { File } from '@awesome-cordova-plugins/file/ngx';
import { FileOpener } from '@awesome-cordova-plugins/file-opener/ngx';
@@ -118,16 +108,13 @@ export class MessagesPage implements OnInit, AfterViewInit, OnDestroy {
private gestureController: GestureController,
public ThemeService: ThemeService,
private platform: Platform,
private sqlservice: SqliteService,
public ChatSystemService: ChatSystemService,
private CameraService: CameraService,
private storage: Storage,
//private fileOpener: FileOpener,
private sanitiser: DomSanitizer,
// private document: DocumentViewer
private file: File,
private fileOpener: FileOpener,
private notificationService: NotificationsService,
private router: Router
) {
this.loggedUser = SessionStore.user.ChatData['data'];