Fix control bar overflow on mobile

pull/380/head
Omar Roth 6 years ago
parent 40073e7089
commit e25249ce4d

@ -1,41 +1,41 @@
.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;
} }
.creator-heart-container { .creator-heart-container {
display: inline-block; display: inline-block;
padding: 0px 7px 6px 0px; padding: 0px 7px 6px 0px;
margin: 0px -7px -4px 0px; margin: 0px -7px -4px 0px;
} }
.creator-heart { .creator-heart {
position: relative; position: relative;
width: 16px; width: 16px;
height: 16px; height: 16px;
border: 2px none; border: 2px none;
} }
.creator-heart-background-hearted { .creator-heart-background-hearted {
width: 16px; width: 16px;
height: 16px; height: 16px;
padding: 0px; padding: 0px;
position: relative; position: relative;
} }
.creator-heart-small-hearted { .creator-heart-small-hearted {
position: absolute; position: absolute;
right: -7px; right: -7px;
bottom: -4px; bottom: -4px;
} }
.creator-heart-small-container { .creator-heart-small-container {
position: relative; position: relative;
width: 13px; width: 13px;
height: 13px; height: 13px;
color: rgb(255, 0, 0); color: rgb(255, 0, 0);
} }
.h-box { .h-box {
@ -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,

Loading…
Cancel
Save