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

View file

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