[SSE mobile] Corrected functions list

This commit is contained in:
SergeyEzhin 2021-09-08 20:11:47 +03:00
parent e99807bfc6
commit 0c718872a7
2 changed files with 24 additions and 18 deletions

View file

@ -879,27 +879,32 @@ input[type="number"]::-webkit-inner-spin-button {
.functions-list { .functions-list {
height: 175px; height: 175px;
width: 360px;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
// position: absolute;
// top: 30px;
// right: 0;
background-color: @white; background-color: @white;
&__mobile {
position: absolute;
top: 30px;
right: 0;
left: 0;
width: 100%;
.list { .list {
// margin: 0; margin: 0;
// ul:before { ul:before {
// display: none; display: none;
// } }
// .item-content { .item-content {
// padding-left: 0; padding-left: 0;
// } }
// .item-inner { .item-inner {
// padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left) - var(--menu-list-offset)); padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left) - var(--menu-list-offset));
// } }
.item-title { .item-title {
font-size: 15px; font-size: 15px;
} }
} }
}
} }
.target-function-list { .target-function-list {

View file

@ -42,7 +42,7 @@ const FunctionsList = props => {
const funcArr = props.funcArr; const funcArr = props.funcArr;
return ( return (
<div className="functions-list" style={{width: isPhone ? '100%' : '360px'}}> <div className={isPhone ? 'functions-list functions-list__mobile' : 'functions-list'}>
<List> <List>
{funcArr.map((elem, index) => { {funcArr.map((elem, index) => {
return ( return (
@ -130,7 +130,8 @@ const CellEditorView = props => {
> >
{funcArr && funcArr.length ? {funcArr && funcArr.length ?
<View style={{height: '175px'}} routes={routes}> <View style={{height: '175px'}} routes={routes}>
<Page> <Page pageContent={false}>
<Navbar className="navbar-hidden" />
<FunctionsList <FunctionsList
functions={functions} functions={functions}
funcArr={funcArr} funcArr={funcArr}