.vjs-dock-text {
padding-right: 10px;
+ background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
+ }
+
+ .vjs-dock-title,
+ .vjs-dock-description {
+ text-shadow: 0 0 2px rgba(0, 0, 0, .5);
}
.vjs-dock-description {
$big-play-width: 1.2em;
$big-play-height: 1.2em;
- border: 4px solid #fff;
+ border: 2px solid #fff;
border-radius: 100%;
left: 50%;
.vjs-play-progress {
background: var(--embedForegroundColor);
- transition: all .2s ease 0s;
// Not display the circle if the progress is not hovered
&::before {
line-height: $control-bar-height;
text-align: right;
margin-right: 6px;
+ overflow: hidden;
.vjs-peertube-displayed {
display: block;