[SSE mobile] Corrected functions list

apps/common/mobile/resources/less/common.less

@@ -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 {
+    &__mobile {
-        // margin: 0;
+        position: absolute;
-        // ul:before {
+        top: 30px;
-        //     display: none;
+        right: 0;
-        // }
+        left: 0;
-        // .item-content {
+        width: 100%;
-        //     padding-left: 0;
+        .list {
-        // }
+            margin: 0;
-        // .item-inner {
+            ul:before {
-        //     padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left) - var(--menu-list-offset));
+                display: none;
-        // }
+            }
-        .item-title {
+            .item-content {
-            font-size: 15px;
+                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;
+            }
         }
     }
 }

apps/spreadsheeteditor/mobile/src/view/CellEditor.jsx

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