fix season picker on mobile

This commit is contained in:
nklhrstv 2022-05-27 15:58:13 +03:00
parent b55b3e42b7
commit 2ac16cb9f9
3 changed files with 8 additions and 1 deletions

View file

@ -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>
:

View file

@ -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}

View file

@ -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);
}
}
}
}