haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[FIX] not possible to scroll down in some browsers

This commit is contained in:
luciash d' being 2016-01-21 15:18:38 +01:00
parent e41c117587
commit 1111c03a8a
2 changed files with 28 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
css/main.css
View File

@ -10,7 +10,7 @@ html, body{
font-family:'Helvetica Neue', Helvetica, sans-serif;
font-weight: 400;
background: #000000;
overflow: hidden;
overflow-x: hidden;
}
.right-panel {
@ -22,7 +22,7 @@ html, body{
right: 0px;
width: 20%;
max-width: 200px;
overflow: hidden;
overflow-x: hidden;
/* background-color:#dfebf1;*/
background-color:#FFFFFF;
border-left:1px solid #424242;
@ -240,29 +240,30 @@ form {
}
#feedbackButton {
bottom: 1em;
left: 1em;
position: absolute;
bottom: 60;
left: 60;
overflow: visible;
color: rgba(255,255,255,.50);
}
div.feedbackButton {
display: none;
position: absolute;
background-color: rgba(0,0,0,.50);
background-color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
width: 100px;
height: 100px;
bottom: -50px;
left: -50px;
z-index: 100;
bottom: 0;
font-size: 1em;
height: 3em;
left: 0;
overflow: hidden;
transition: all .2s ease-in-out;
position: absolute;
text-align: center;
transition: all 0.2s ease-in-out 0s;
width: 3em;
z-index: 100;
}
div.feedbackButton:hover {
transform: scale(1.3);
font-size: 1.25em;
height: 3em;
width: 3em;
}
#bottomToolbar {

24
css/videolayout_default.css
View File

@ -4,27 +4,25 @@
top: 0px;
left: 0px;
right: 0px;
overflow: hidden;
overflow-x: hidden;
}
#remoteVideos {
display:block;
position:absolute;
text-align:right;
height:196px;
padding: 18px;
border: 1px solid transparent;
bottom: 0;
left: 0;
overflow: hidden;
padding: 18px;
right: 20px;
width:auto;
border:1px solid transparent;
text-align: right;
transition: padding 2s ease 0s, height 2s ease 0s;
width: auto;
z-index: 5;
transition: bottom 2s;
overflow: visible !important;
}
#remotevideos.hidden {
bottom: -196px;
#remoteVideos.hidden {
height: 0 !important;
padding: 0 18px;
}
.videocontainer {
@ -495,4 +493,4 @@
0px 1px 1px rgba(0,0,0,0.3),
1px 0px 1px rgba(0,0,0,0.3),
0px 0px 1px rgba(0,0,0,0.3);
}
}