diff --git a/ui/less/overflow_menu.less b/ui/less/overflow_menu.less index 89a6635f6f..6f56977f8a 100644 --- a/ui/less/overflow_menu.less +++ b/ui/less/overflow_menu.less @@ -34,8 +34,8 @@ /* Where the menu appears. */ position: absolute; z-index: 2; - right: 15px; - bottom: 30px; + right: 3%; + bottom: 4.4em; /* The buttons inside the menu. */ button { @@ -67,13 +67,6 @@ padding-left: 10px; padding-right: 10px; } - - /* If the seekbar is missing, this is positioned lower. - * TODO: Solve with flex layout instead? */ - &.shaka-low-position { - /* TODO(b/116651454): eliminate hard-coded offsets */ - bottom: 15px; - } } /* The span elements inside the top-level overflow menu contain single lines @@ -112,6 +105,17 @@ } } +.shaka-video-container:fullscreen { + /* When in fulscreen mode, add a bottom margin to overflow menu so that it + * doesn't overlap with other buttons. */ + .shaka-controls-container { + .shaka-overflow-menu { + /* TODO: eliminate hard-coded offsets */ + bottom: 6em; + } + } +} + /* This is a button within each submenu that takes you back to the main overflow * menu. */ .shaka-back-to-overflow-button { diff --git a/ui/less/range_elements.less b/ui/less/range_elements.less index 9902380f98..90678e375c 100644 --- a/ui/less/range_elements.less +++ b/ui/less/range_elements.less @@ -57,6 +57,11 @@ /* The track should fill the range element. */ width: 100%; + /* Since range elements are special input elements so they should reflect, + * user interaction so whhen user hover on range element the cusror should + * be pointer. */ + cursor: pointer; + /* The track should be tall enough to contain the thumb without clipping it. * It is very tricky to make the thumb show outside the track on IE 11, and * it is incompatible with our background gradients. */