diff --git a/src/app/pages/chat/chat.page.scss b/src/app/pages/chat/chat.page.scss index ac3c068b3..9daa904a6 100644 --- a/src/app/pages/chat/chat.page.scss +++ b/src/app/pages/chat/chat.page.scss @@ -74,7 +74,7 @@ ion-content{ width: 100%; border-bottom: 1px solid #ebebeb; padding: 0px 20px 0 20px !important; - overflow: auto; + overflow: hidden; .item-icon{ width: 40px; @@ -126,7 +126,7 @@ ion-content{ color: #fff !important; background-color: #42b9fe !important; } -@media only screen and (min-width: 801px) { +@media only screen and (min-width: 701px) { .main-content{ @@ -148,6 +148,7 @@ ion-content{ .item{ .item-icon{ width: 10%; + margin-right: 10px !important; } .item-content{ width: 90%; diff --git a/src/app/pages/chat/chat.page.ts b/src/app/pages/chat/chat.page.ts index 8ffdf729a..d904a5700 100644 --- a/src/app/pages/chat/chat.page.ts +++ b/src/app/pages/chat/chat.page.ts @@ -181,7 +181,7 @@ hideRefreshButton(){ } openMessagesPage(rid) { this.idSelected = rid; - if( window.innerWidth < 801){ + if( window.innerWidth < 701){ this.openMessagesModal(rid); //this.router.navigate(['/home/chat/messages',rid,]); } @@ -196,7 +196,7 @@ hideRefreshButton(){ console.log('OK'); this.closeAllDesktopComponents(); - if( window.innerWidth < 801){ + if( window.innerWidth < 701){ this.selectContact(); } else{ diff --git a/src/app/pages/chat/messages/messages.page.scss b/src/app/pages/chat/messages/messages.page.scss index 496cd70a0..09ea25f62 100644 --- a/src/app/pages/chat/messages/messages.page.scss +++ b/src/app/pages/chat/messages/messages.page.scss @@ -14,7 +14,7 @@ padding: 30px 20px 0px 20px; color:#000; transform: translate3d(0, 1px, 0); - + .header-top{ margin: 0px auto; overflow: auto; @@ -33,7 +33,7 @@ margin: 2.5px 0 0 5px; display: flex; align-items: center; - + } .right{ padding: 0!important; @@ -67,7 +67,7 @@ margin: 1px; } } - + .title{ font-size: 25px; overflow: auto; @@ -83,7 +83,7 @@ .div-icon ion-icon{ float: right; padding-left: 20px; - } + } } } ion-content{ @@ -115,7 +115,7 @@ height: 100%; word-wrap: break-word; -webkit-overflow-scrolling: touch; - + .incoming-true, .incoming-false{ width: 305px; @@ -154,9 +154,9 @@ .container{ justify-content: center; justify-content: space-evenly; - + } - + .chat-icon-options{ display:block !important; font-size: 25px; @@ -184,7 +184,7 @@ overflow: auto; } } - + } .text-color-blue{ @@ -228,4 +228,4 @@ display: block; display: block; float: left; padding-left: 10px; -} \ No newline at end of file +}