2839a5e236
* Custom thumbnail poster component * add opacity transition to thumbnail img * fix some videoonly styles * move video styles to video.css * make component out of image layers; put inline styles into css * cleanup * update videoonly ; don't render poster if video player, remove dom modification in player * revert interval Co-authored-by: Ginger Wong <omqmail@gmail.com>
32 lines
581 B
CSS
32 lines
581 B
CSS
/*
|
|
The styles in this file mostly ovveride those coming from chat.css
|
|
*/
|
|
|
|
/* modify this px number if you want things to be relatively bigger or smaller */
|
|
#video-only {
|
|
font-size: 16px;
|
|
position: relative;
|
|
}
|
|
|
|
|
|
#video-only #video-container {
|
|
background-size: 30%;
|
|
width: 100%;
|
|
height: calc((9 / 16) * 100vw);
|
|
position: relative;
|
|
}
|
|
#video-only #video-container #video {
|
|
transition: opacity .5s;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|
|
#video-only .online #video-container #video {
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
|
|
#video-only #stream-info {
|
|
height: 3rem;
|
|
}
|