MigrateRepos/decentralized-video-chat
1
0
Fork 0
mirror of https://github.com/ianramzy/decentralized-video-chat.git synced 2024-11-23 18:49:21 +08:00
Code Issues Releases Wiki Activity

realign buttons + make smaller

Browse Source
This commit is contained in:
ian ramzy 2020-03-30 01:24:19 -04:00
parent 2033a6769c
commit d131909b8e
3 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/chat.html
View File

@ -124,9 +124,5 @@
<script src="/socket.io/socket.io.js"></script> <script src="/socket.io/socket.io.js"></script>
<script src="../js/snackbar.js"></script> <script src="../js/snackbar.js"></script>
<script src="../js/chat.js"></script> <script src="../js/chat.js"></script>
<script>
</script>
</body> </body>
</html> </html>

21
public/css/chat.css
View File

@ -162,7 +162,7 @@ video {
/*Neomorphic buttons*/ /*Neomorphic buttons*/
button { button {
border: none; border: none;
font-size: 2rem; font-size: 1.5rem;
transition: all .3s ease-in-out; transition: all .3s ease-in-out;
color: gray; color: gray;
background: transparent; background: transparent;
@ -182,8 +182,12 @@ button:hover {
.multi-button { .multi-button {
position: absolute; position: absolute;
left: calc(5vw - 40px); left: calc(7.5vw - 40px);
top: calc(50vh - 175px); top: 50%;
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
z-index: 999; z-index: 999;
border-radius: 10px; border-radius: 10px;
background: #16171a; background: #16171a;
@ -200,7 +204,7 @@ button:hover {
position: absolute; position: absolute;
left: 70px; left: 70px;
white-space: nowrap; white-space: nowrap;
top: 25px; top: 0px;
font-weight: bold; font-weight: bold;
background: #16171a; background: #16171a;
padding: 10px; padding: 10px;
@ -276,10 +280,17 @@ button:hover {
right: 0; right: 0;
width: 15vw; width: 15vw;
overflow: scroll; overflow: scroll;
-webkit-overflow-scrolling: touch; /*overflow: -moz-scrollbars-none;*/
/*-ms-overflow-style: none;*/
/*-webkit-overflow-scrolling: touch;*/
font-family: "Heebo", sans-serif; font-family: "Heebo", sans-serif;
} }
/*#chat-zone::-webkit-scrollbar {*/
/* !*width: 0 !important*!*/
/* display: none;*/
/*}*/
#chat-zone .chat-messages .message-item { #chat-zone .chat-messages .message-item {
position: relative; position: relative;
display: flex; display: flex;

3
public/js/chat.js
View File

@ -381,9 +381,7 @@ function swap() {
switchStreamHelper(stream); switchStreamHelper(stream);
}); });
} else { } else {
VideoChat.localVideo.srcObject.getTracks().forEach(track => track.stop()); VideoChat.localVideo.srcObject.getTracks().forEach(track => track.stop());
navigator.mediaDevices.getUserMedia({ navigator.mediaDevices.getUserMedia({
video: true, video: true,
audio: true audio: true
@ -405,7 +403,6 @@ function switchStreamHelper(stream) {
}); });
sender.replaceTrack(videoTrack); sender.replaceTrack(videoTrack);
} }
VideoChat.localStream = videoTrack; VideoChat.localStream = videoTrack;
VideoChat.localVideo.srcObject = stream; VideoChat.localVideo.srcObject = stream;
} }