paoda/polyglot
1
0
Fork 0
mirror of https://github.com/beatriceo/polyglot.git synced 2025-10-26 03:02:12 +00:00
Code Issues Projects Releases Wiki Activity

chat css

Browse Source
This commit is contained in:
Beatrice Olivera
2018-09-06 14:17:24 +01:00
parent 1327e86d03
commit 84a155571a
3 changed files with 50 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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