made container in chat overflow

This commit is contained in:
Beatrice Olivera 2018-09-06 15:39:50 +01:00
parent 168d4044d4
commit 42184031d7
2 changed files with 27 additions and 23 deletions

View File

@ -10,13 +10,11 @@
.chat {
position: absolute;
bottom: 100px;
width: 90%;
width: 75%;
}
}
#messages-container {
overflow: scroll;
overflow-x: hidden;
.information-container {
height: 81%;
padding: 38px;
width: 90%;
@ -24,6 +22,12 @@
background-color: $light-gray;
}
#messages-container {
overflow: scroll;
overflow-x: hidden;
height: 80%;
}
select:not([multiple]) {
-webkit-appearance: none;
-moz-appearance: none;
@ -119,6 +123,4 @@ select:not([multiple]) {
.guyisbadass{
width: 85%;
}
#chat-input {
}

View File

@ -19,7 +19,7 @@
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 no-padding">
<div class="messages-container-container">
<div id="messages-container">
<div class="information-container">
<div class="chat-information">
<!-- <p id="caller-name">name</p> -->
<select id="language-1" class="form-control no-radius">
@ -31,6 +31,7 @@
<div class="hover-notice">
<span class="text-center"><small>Hover to see the original message</small></span>
</div>
<div id="messages-container">
</div>
<div class="chat">
<div class="input-group">
@ -52,6 +53,7 @@
</div>
</div>
</div>
</div>
</div>