edited scrollbar and removed navbar from call page

This commit is contained in:
Beatrice Olivera 2018-09-06 11:47:18 +01:00
parent 87728fc459
commit ec6cc273de
2 changed files with 20 additions and 5 deletions

View File

@ -9,6 +9,7 @@ a:hover {
align-self: center; align-self: center;
margin-top: 19px; margin-top: 19px;
} }
margin-bottom: 20px;
} }
.card { .card {
@ -18,6 +19,7 @@ a:hover {
background: $card-background; background: $card-background;
align-items: center; align-items: center;
margin-bottom: 10px; margin-bottom: 10px;
margin-right: 10px;
border-radius: 5px; border-radius: 5px;
box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.2);
@ -186,10 +188,23 @@ a:hover {
overflow-x: hidden; overflow-x: hidden;
} }
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
// background: rgba(0, 0, 0, 0.2);
// border-radius: 10px;
padding-left: 4px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: $primary;
border-radius: 15px;
}
body {
overflow: hidden;
}

View File

@ -1,5 +1,5 @@
<!-- <button id="test-btn" class="btn btn-primary">Test Connection</button> --> <!-- <button id="test-btn" class="btn btn-primary">Test Connection</button> -->
<% params["action"] = "call" %>
<div id="join-btn" data-room="<%= @chat_room.id %>"></div> <div id="join-btn" data-room="<%= @chat_room.id %>"></div>
<div id="chatroom-hook" data-chatroom-id='<%= @chat_room.id %>'></div> <div id="chatroom-hook" data-chatroom-id='<%= @chat_room.id %>'></div>