realign buttons + make smaller

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

View File

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

View File

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

View File

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