Merge pull request #1649 from ONLYOFFICE/feature/fix-bug-react

Feature/fix bug react

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

@@ -261,6 +261,9 @@
     margin: 32px 0;
     padding: 0 16px;
     box-sizing: border-box;
+    p {
+        color: @text-normal;
+    }
 }
 
 

apps/spreadsheeteditor/mobile/src/less/statusbar.less

@@ -60,12 +60,6 @@
                     height: 100%;
                     display: block;
                 }
-
-                &:not(.active) {
-                    a {
-                        opacity: 0.5;
-                    }
-                }
             }
         }
     }

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

@@ -60,6 +60,21 @@ const PageAllList = (props) => {
     )
 };
 
+const PopoverAllList = (props) => {
+    const {sheets, onTabListClick} = props;
+
+    const onScrollList = () => {
+        const listHeight = $$('.list .item-list').height();
+        $$('.all-list .page-content').scrollTop(listHeight*sheets.activeWorksheet);
+    };
+
+    return (
+        <Popover id="idx-all-list" className="all-list" onPopoverOpen={onScrollList}>
+            <PageAllList sheets={sheets} onTabListClick={onTabListClick}/>
+        </Popover>
+    )
+};
+
 const StatusbarView = inject('storeAppOptions', 'sheets', 'users')(observer(props => {
     const { t } = useTranslation();
     const _t = t('Statusbar', {returnObjects: true});
@@ -142,9 +157,7 @@ const StatusbarView = inject('storeAppOptions', 'sheets', 'users')(observer(prop
                 </Actions>
             ) : null}
             {
-                <Popover id="idx-all-list" className="all-list">
-                    <PageAllList sheets={sheets} onTabListClick={props.onTabListClick}/>
-                </Popover>
+                <PopoverAllList sheets={sheets} onTabListClick={props.onTabListClick}/>
             }
             {isPhone ? 
                 <Sheet style={{height: '48%'}} className='move-sheet' swipeToClose={true}>