admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Styling changes for messaging.

Browse Source
This commit is contained in:
Patrick Fic
2020-05-04 12:14:32 -07:00
parent f55f4775d4
commit 782b7fe7f3
14 changed files with 83 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
client/src/components/chat-messages-list/chat-message-list.styles.scss
View File

@@ -1,10 +1,13 @@
// .messages {
// height: 300px;
// min-height: calc(100% - 10px);
// max-height: calc(100% - 93px);
// overflow-y: scroll;
// overflow-x: hidden;
// }
.messages {
//flex-grow: 1;
flex: 1;
// height: 100%;
// min-height: calc(100% - 10px);
// max-height: calc(100% - 93px);
// // overflow-y: scroll;
// // overflow-x: hidden;
}
// @media screen and (max-width: 735px) {
// .messages {
// max-height: calc(100% - 105px);
@@ -17,13 +20,16 @@
// .messages::-webkit-scrollbar-thumb {
// background-color: rgba(0, 0, 0, 0.3);
// }
.messages ul {
height: 100%;
}
.messages ul li {
display: inline-block;
clear: both;
// clear: both;
//float: left;
margin: 5px;
width: calc(100% - 25px);
font-size: 0.9em;
// margin: 5px;
//width: calc(100% - 25px);
// font-size: 0.9em;
}
.messages ul li:nth-last-child(1) {
margin-bottom: 20px;