paoda
/
polyglot
mirror of https://github.com/beatriceo/polyglot.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/assets/stylesheets/pages/_messages.scss
View File

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

36
app/views/chat_rooms/show.html.erb
View File

@ -19,7 +19,7 @@
</div> </div>
<div class="col-xs-12 col-sm-6 col-lg-4 no-padding"> <div class="col-xs-12 col-sm-6 col-lg-4 no-padding">
<div class="messages-container-container"> <div class="messages-container-container">
<div id="messages-container"> <div class="information-container">
<div class="chat-information"> <div class="chat-information">
<!-- <p id="caller-name">name</p> --> <!-- <p id="caller-name">name</p> -->
<select id="language-1" class="form-control no-radius"> <select id="language-1" class="form-control no-radius">
@ -31,22 +31,24 @@
<div class="hover-notice"> <div class="hover-notice">
<span class="text-center"><small>Hover to see the original message</small></span> <span class="text-center"><small>Hover to see the original message</small></span>
</div> </div>
</div> <div id="messages-container">
<div class="chat"> </div>
<div class="input-group"> <div class="chat">
<form class="form-inline" id="chat-form"> <div class="input-group">
<!-- <span class="input-group-addon" style="width:0px; padding-left:0px; padding-right:0px; border:none;"></span> --> <form class="form-inline" id="chat-form">
<div class="form-group guyisbadass"> <!-- <span class="input-group-addon" style="width:0px; padding-left:0px; padding-right:0px; border:none;"></span> -->
<input type="text" class="form-control input-transparent input-large" name="chat-input" id="chat-input" value="" placeholder="Type something..."> <div class="form-group guyisbadass">
</div> <input type="text" class="form-control input-transparent input-large" name="chat-input" id="chat-input" value="" placeholder="Type something...">
<div class="form-group"> </div>
<span class="input-group-btn"> <div class="form-group">
<button class="form-control send-button" id="send-btn" type="submit" remote: true> <span class="input-group-btn">
<i class="fas fa-paper-plane"></i> <button class="form-control send-button" id="send-btn" type="submit" remote: true>
</button> <i class="fas fa-paper-plane"></i>
</span> </button>
</div> </span>
</form> </div>
</form>
</div>
</div> </div>
</div> </div>
</div> </div>