fix responsive styles

This commit is contained in:
Ginger Wong
2020-08-24 03:30:42 -07:00
parent 0b1f9db4ed
commit 2a02b75e42
9 changed files with 192 additions and 85 deletions

View File

@@ -1,3 +1,5 @@
/* some base styles for chat and messaging components */
#chat-container {
position: fixed;
z-index: 9;
@@ -8,20 +10,14 @@
height: calc(100vh - var(--header-height));
}
.touch-screen #chat-container {
height: calc(100vh - var(--header-height) - 3vh);
#message-input-container {
width: var(--right-col-width);
}
.no-chat #chat-container-wrap {
display: none;
#messages-container {
padding-bottom: 10rem;
}
.chat #chat-container-wrap {
display: block;
}
/******************************/
/******************************/
@@ -76,10 +72,6 @@
padding: 5px;
}
.message-content {
}
/* MESSAGE TEXT HTML */