ComunicWeb/assets/css/components/calls/window.css
2020-04-12 17:40:50 +02:00

69 lines
996 B
CSS

/**
* Call window
*/
#callsTarget {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
visibility: hidden;
z-index: 1000;
}
.call-window {
width: 300px;
min-width: 300px;
min-height: 174px;
position: absolute;
top: 100px;
right: 10px;
z-index: 100;
border: 1px black solid;
display: flex;
flex-direction: column;
background-color: #000000b3;
visibility: visible;
}
.call-window .head {
color: white;
padding: 5px;
margin-left: 5px;
margin-right: 5px;
}
.call-window .head .fa-phone {
margin-right: 5px;
vertical-align: middle;
}
.call-window .head a {
color: inherit;
}
.call-window .members-area {
color: white;
font-size: 80%;
text-align: center;
display: flex;
flex-direction: row;
justify-content: center;
}
.call-window .members-area span {
margin: 0px 5px;
}
.call-window .videos-area {
display: flex;
flex-direction: row;
flex-wrap: wrap;
max-width: 100%;
}
.call-window .videos-area video {
flex-shrink: 1;
flex: 1;
max-height: 100%;
}