Fix control bar overflow on mobile

This commit is contained in:
Omar Roth 2019-02-21 13:59:04 -06:00
parent 40073e7089
commit e25249ce4d
1 changed files with 23 additions and 20 deletions

View File

@ -1,5 +1,5 @@
.channel-owner { .channel-owner {
background-color: #008BEC; background-color: #008bec;
color: #fff; color: #fff;
border-radius: 9px; border-radius: 9px;
padding: 1px 6px; padding: 1px 6px;
@ -63,7 +63,8 @@ div {
} }
button.pure-button-primary, button.pure-button-primary,
a.pure-button-primary, .channel-owner:hover { a.pure-button-primary,
.channel-owner:hover {
background-color: #a0a0a0; background-color: #a0a0a0;
color: rgba(35, 35, 35, 1); color: rgba(35, 35, 35, 1);
} }
@ -231,6 +232,8 @@ img.thumbnail {
.video-js .vjs-control-bar, .video-js .vjs-control-bar,
.vjs-menu-button-popup .vjs-menu .vjs-menu-content { .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: rgba(35, 35, 35, 0.75); background-color: rgba(35, 35, 35, 0.75);
overflow-x: auto;
overflow-y: hidden;
} }
.vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:focus,