src/widgets/SlideVideoPlayer.module.css
author ymh <ymh.work@gmail.com>
Wed, 04 Sep 2024 17:32:50 +0200
changeset 1072 ac1eacb3aa33
parent 1068 src/widgets/SlideVideoPlayer.css@7623f9af9272
permissions -rw-r--r--
Migrate source and build to vite.js

.Ldt-SlideVideoPlayer-panel {
    display: -webkit-flex;
    display: flex;
    width: 50%;
    float: left;
}

.Ldt-SlideVideoPlayer {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
}

.Ldt-SlideVideoPlayer-pip-main {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
}

.Ldt-SlideVideoPlayer-pip-pip {
    position: absolute;
    width: 30%;
    height: 30%;
    right: 2px;
    bottom: 2px;
    z-index: 3;
}

.Ldt-SlideVideoPlayer h2 {
    display: none;
}
.Ldt-SlideVideoPlayer-pip-menu {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 10;
    display: none;
}
.Ldt-SlideVideoPlayer-pip-pip:hover .Ldt-SlideVideoPlayer-pip-menu {
    background-color: #000;
    opacity: .5;
    display: inline-block;
}

.Ldt-SlideVideoPlayer-pip-menu-toggle {
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-image: url(img/pip_toggle.svg);
}