Briq
/
multiparty-meeting
7
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix telephone icon + some css size fixes

master
Stefan Otto 2018-11-16 14:39:41 +01:00
parent 250b008f58
commit f9e0049e4d
2 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
app/chooseRoom.html
View File

@ -2,12 +2,12 @@
<html>
<head>
<meta charset="utf-8">
<title>Meet</title>
<title>Multiparty Meeting</title>
</head>
<style>
body{
margin:auto;
padding:0.5em;
padding:0.5vmin;
text-align:center;
position: fixed;
left: 50%;
@ -18,50 +18,50 @@
background-attachment: fixed;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-repeat: repeat;
}
input:hover {opacity:0.9;}
input[type=text]{
font-size: 3vh;
padding: 1.5vh;
font-size: 1.5em;
padding: 1.5vmin;
background-color: rgba(0,0,0,0.3);
border: 0;
color: #fff;
margin: 0.6vh;
margin: 0.8vmin;
width: 50%;
}
button:hover {background-color: #28bd7b;}
button{
font-size: 3vh;
padding: 1.5vh;
margin: 0.6vh;
font-size: 1.5em;
padding: 1.5vmin;
margin: 0.8vmin;
background-color: #38cd8b;
border-radius: 1.2vh;
border-radius: 1.8vmin;
color: #fff;
border: 0;
}
img{
height: 10vh;
height: 15vmin;
}
</style>
<body>
<a>
<img class='logoStartscreen' src='/resources/images/logo.svg'></img><br>
<img src='/resources/images/logo.svg'></img><br>
</a>
<input id="room" type="text" onkeypress="checkEnter(event)" value="" placeholder="your room name">
<button onclick = "start(location.href)">Start room</button>
<button onclick = "start(location.href)">Go to room</button>
</body>
<script>
var room = document.getElementById("room");
var stateObj = { foo: "bar" };
room.addEventListener("input", function(e) {
console.log(e.charCode);
history.replaceState(stateObj, "meet", "/"+room.value);
history.replaceState(stateObj, "Multiparty Meeting", "/"+room.value);
},true);
room.focus();
function start(target){
location.href;history.replaceState(stateObj, "meet", "/");
location.href;history.replaceState(stateObj, "Multiparty Meeting", "/");
window.location = target;
}
function checkEnter(event){

18
app/stylus/components/Sidebar.styl
View File

@ -9,13 +9,13 @@
align-items: center;
+desktop() {
left: 20px;
width: 36px;
left: 1.0em;
width: 2.6em;
}
+mobile() {
left: 10px;
width: 32px;
left: 0.5em;
width: 2.6em;
}
> .button {
@ -34,13 +34,13 @@
justify-content: center;
+desktop() {
height: 36px;
width: 36px;
height: 2.5em;
width: 2.5em;
}
+mobile() {
height: 32px;
width: 32px;
height: 2.5em;
width: 2.5em;
}
&.on {
@ -110,7 +110,7 @@
}
&.leave-meeting {
background-image: url('/resources/images/leave-meeting.svg');
background-image: url('/resources/images/cancel.svg');
}
}
}