[SSE mobile] Corrected functions list
This commit is contained in:
parent
e99807bfc6
commit
0c718872a7
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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}
|
||||
|
|
Loading…
Reference in a new issue