Merge branch 'develop' of github.com:thecodingmachine/workadventure
This commit is contained in:
+48
-11
@@ -34,7 +34,6 @@ body .message-info.warning{
|
||||
.video-container {
|
||||
display: flex;
|
||||
transition: all 0.2s ease;
|
||||
|
||||
width: 100%;
|
||||
|
||||
video {
|
||||
@@ -47,25 +46,67 @@ body .message-info.warning{
|
||||
width: 100%;
|
||||
height: 21vh;
|
||||
}
|
||||
&:focus{
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
i {
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
left: calc(50% - 50px);
|
||||
top: calc(50% - 50px);
|
||||
height: auto;
|
||||
left: -6px;
|
||||
top: calc(100% - 28px);
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
span{
|
||||
font-size: 14px;
|
||||
margin: 2px;
|
||||
background-color: white;
|
||||
border: solid 3px black;
|
||||
border-radius: 8px;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.woka-icon{
|
||||
position: absolute;
|
||||
left: 90px;
|
||||
top: calc(100% - 24px);
|
||||
height: 23px;
|
||||
overflow: hidden;
|
||||
border-radius: 50%;
|
||||
transition: all 0.2s ease;
|
||||
&.no-video{
|
||||
left: calc(50% - 30px);
|
||||
top: calc(50% - 30px);
|
||||
height: auto;
|
||||
img{
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
}
|
||||
}
|
||||
img{
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
}
|
||||
}
|
||||
&:hover{
|
||||
.woka-icon{
|
||||
top: calc(100% - 30px);
|
||||
height: 30px;
|
||||
&.no-video{
|
||||
top: calc(100% - 32px);
|
||||
height: 35px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
left: 5px;
|
||||
bottom: 5px;
|
||||
padding: 10px;
|
||||
@@ -126,10 +167,6 @@ body .message-info.warning{
|
||||
width: 160px;
|
||||
}
|
||||
}
|
||||
|
||||
video:focus{
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.sound-progress{
|
||||
|
||||
Reference in New Issue
Block a user