mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-04-20 06:32:11 +00:00
fix season picker on mobile
This commit is contained in:
parent
b55b3e42b7
commit
2ac16cb9f9
3 changed files with 8 additions and 1 deletions
|
|
@ -104,7 +104,7 @@ const Popup = ({ open, direction, renderLabel, renderMenu, dataset, onCloseReque
|
|||
ref: labelRef,
|
||||
className: classnames(styles['label-container'], props.className, { 'active': open }),
|
||||
children: open ?
|
||||
<FocusLock ref={menuRef} className={classnames(styles['menu-container'], styles[`menu-direction-${autoDirection}`], styles[`menu-direction-${direction}`])} autoFocus={false} lockProps={{ onMouseDown: menuOnMouseDown }}>
|
||||
<FocusLock ref={menuRef} className={classnames(styles['menu-container'], { [styles[`menu-direction-${autoDirection}`]]: !direction }, { [styles[`menu-direction-${direction}`]]: direction })} autoFocus={false} lockProps={{ onMouseDown: menuOnMouseDown }}>
|
||||
{renderMenu()}
|
||||
</FocusLock>
|
||||
:
|
||||
|
|
|
|||
|
|
@ -54,6 +54,7 @@ const SeasonsBar = ({ className, seasons, season, onSelect }) => {
|
|||
<Multiselect
|
||||
className={styles['seasons-popup-label-container']}
|
||||
title={season > 0 ? `Season ${season}` : 'Specials'}
|
||||
direction={'bottom-left'}
|
||||
options={options}
|
||||
selected={selected}
|
||||
onSelect={seasonOnSelect}
|
||||
|
|
|
|||
|
|
@ -86,5 +86,11 @@
|
|||
@media only screen and (max-width: @minimum) {
|
||||
.seasons-bar-container {
|
||||
padding-top: 0;
|
||||
|
||||
.seasons-popup-label-container {
|
||||
.multiselect-menu-container {
|
||||
max-height: calc(3.2rem * 3);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue