From e25249ce4dce6ed0819ebfa34742aa8234e69ad5 Mon Sep 17 00:00:00 2001 From: Omar Roth Date: Thu, 21 Feb 2019 13:59:04 -0600 Subject: [PATCH] Fix control bar overflow on mobile --- assets/css/default.css | 43 ++++++++++++++++++++++-------------------- 1 file changed, 23 insertions(+), 20 deletions(-) diff --git a/assets/css/default.css b/assets/css/default.css index 800d529a..42b2eedf 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -1,41 +1,41 @@ .channel-owner { - background-color: #008BEC; + background-color: #008bec; color: #fff; border-radius: 9px; padding: 1px 6px; } .creator-heart-container { - display: inline-block; - padding: 0px 7px 6px 0px; - margin: 0px -7px -4px 0px; + display: inline-block; + padding: 0px 7px 6px 0px; + margin: 0px -7px -4px 0px; } .creator-heart { - position: relative; - width: 16px; - height: 16px; - border: 2px none; + position: relative; + width: 16px; + height: 16px; + border: 2px none; } .creator-heart-background-hearted { - width: 16px; - height: 16px; - padding: 0px; - position: relative; + width: 16px; + height: 16px; + padding: 0px; + position: relative; } .creator-heart-small-hearted { - position: absolute; - right: -7px; - bottom: -4px; + position: absolute; + right: -7px; + bottom: -4px; } .creator-heart-small-container { - position: relative; - width: 13px; - height: 13px; - color: rgb(255, 0, 0); + position: relative; + width: 13px; + height: 13px; + color: rgb(255, 0, 0); } .h-box { @@ -63,7 +63,8 @@ div { } button.pure-button-primary, -a.pure-button-primary, .channel-owner:hover { +a.pure-button-primary, +.channel-owner:hover { background-color: #a0a0a0; color: rgba(35, 35, 35, 1); } @@ -231,6 +232,8 @@ img.thumbnail { .video-js .vjs-control-bar, .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: rgba(35, 35, 35, 0.75); + overflow-x: auto; + overflow-y: hidden; } .vjs-menu li.vjs-menu-item:focus,