diff options
| author | Omar Roth <omarroth@hotmail.com> | 2019-02-21 13:59:04 -0600 |
|---|---|---|
| committer | Omar Roth <omarroth@hotmail.com> | 2019-02-21 14:01:12 -0600 |
| commit | e25249ce4dce6ed0819ebfa34742aa8234e69ad5 (patch) | |
| tree | b2009ee2dfa403d1a7596bbc9261887f942d429b /assets | |
| parent | 40073e7089efb532417ac072297a8fae45706ffc (diff) | |
| download | invidious-e25249ce4dce6ed0819ebfa34742aa8234e69ad5.tar.gz invidious-e25249ce4dce6ed0819ebfa34742aa8234e69ad5.tar.bz2 invidious-e25249ce4dce6ed0819ebfa34742aa8234e69ad5.zip | |
Fix control bar overflow on mobile
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/default.css | 43 |
1 files 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, |