Bilibili-Evolved/registry/lib/components/touch/double-click-control/_pbp.scss
the1812 a064849234 Add 3.x player support (#3187)
- PlayerAgent
- VideoControlBar
- bpx polyfill
- DoubleClickEvent
- doubleClickControl
- touchPlayerControl
2022-08-31 09:00:26 +08:00

88 lines
1.7 KiB
SCSS

@import "common";
@mixin pbp {
#bilibili_pbp,
#bilibili_pbp_canvas {
opacity: 0 !important;
&.pin {
opacity: 1 !important;
}
}
#bilibili_pbp_pin {
opacity: 0 !important;
}
&.touch-video-control-show {
#bilibili_pbp,
#bilibili_pbp_canvas {
opacity: 1 !important;
}
#bilibili_pbp_pin {
opacity: 1 !important;
}
}
.bilibili-player-video-control {
#bilibili_pbp,
#bilibili_pbp_canvas {
left: 0 !important;
width: 100% !important;
&.pin {
bottom: 3px !important;
}
}
}
.bpx-player-pbp {
opacity: 0 !important;
bottom: 3px !important;
&.pin {
opacity: 1 !important;
}
.bpx-player-pbp-pin {
opacity: 0 !important;
}
}
&.touch-video-control-show .bpx-player-pbp {
opacity: 1 !important;
bottom: calc(100% - 1px) !important;
.bpx-player-pbp-pin {
opacity: 1 !important;
}
}
&.touch-video-control-show .bilibili-player-video-control {
#bilibili_pbp,
#bilibili_pbp_canvas {
bottom: calc(100% - 2px) !important;
}
#bilibili_pbp_pin {
right: -8px !important;
}
}
@media screen and (min-width: 750px) {
@include on-fullscreen {
.bilibili-player-video-control {
#bilibili_pbp,
#bilibili_pbp_canvas {
&.pin {
bottom: 4px !important;
}
}
}
&.touch-video-control-show {
.bilibili-player-video-control {
#bilibili_pbp,
#bilibili_pbp_canvas {
// &.pin {
bottom: calc(100% + 5px) !important;
// }
}
}
}
&.touch-video-control-show .bpx-player-pbp {
bottom: calc(100% + 5px) !important;
}
}
}
}