Merge pull request #1844 from ONLYOFFICE/feature/fix-bugs

Feature/fix bugs

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

@@ -132,6 +132,9 @@
     .item-link .item-inner {
         width: 100%;
     }
+    .item-inner {
+        color: @text-normal;
+    }
 }
 
 // Bullets, numbers and multilevels
@@ -1132,6 +1135,15 @@ input[type="number"]::-webkit-inner-spin-button {
     border: 0.5px solid @background-menu-divider;
 }
 
+// Navigation list 
+
+.list.navigation-list {
+    .item-title {
+        color: @text-normal;
+    }
+}
+
+
 
 
 

apps/documenteditor/mobile/src/view/add/AddOther.jsx

@@ -159,7 +159,8 @@ const AddOther = props => {
 
     let isShape = storeFocusObjects.settings.indexOf('shape') > -1,
         isText = storeFocusObjects.settings.indexOf('text') > -1,
-        isChart = storeFocusObjects.settings.indexOf('chart') > -1;
+        isChart = storeFocusObjects.settings.indexOf('chart') > -1,
+        isHeader = storeFocusObjects.settings.indexOf('header') > -1;
 
     let disabledAddLink = false,
         disabledAddBreak = false,
@@ -209,9 +210,11 @@ const AddOther = props => {
                     <Icon slot="media" icon="icon-sectionbreak"></Icon>
                 </ListItem>
             }
+            {!isHeader && 
                 <ListItem title={_t.textTableContents} link="/add-table-contents/">
                     <Icon slot="media" icon="icon-table-contents"></Icon>
                 </ListItem>
+            } 
             {(isShape || isChart) || (isText && disabledAddFootnote) ? null :
                 <ListItem key='footnote' title={_t.textFootnote} link={'/add-footnote/'} routeProps={{
                     getFootnoteProps: props.getFootnoteProps,

apps/documenteditor/mobile/src/view/edit/EditParagraph.jsx

@@ -196,12 +196,11 @@ const EditParagraph = props => {
     const paragraph = props.storeFocusObjects.paragraphObject;
     const curBackColor = storeParagraphSettings.backColor ? storeParagraphSettings.backColor : storeParagraphSettings.getBackgroundColor(paragraph);
     const background = curBackColor !== 'transparent' ? `#${(typeof curBackColor === "object" ? curBackColor.color : curBackColor)}` : '';
-    const activeStyle = Device.android ? 'link no-active-state' : 'no-active-state';
     
     return (
         <Fragment>
             <BlockTitle>{t('Edit.textParagraphStyle')}</BlockTitle>
-            <List className={activeStyle} style={{marginBottom: 0}}>
+            <List style={{marginBottom: 0}}>
                 <ListItem link="/edit-paragraph-style/" title={!curStyle && curStyleName} routeProps={{
                     onStyleClick: props.onStyleClick,
                     onSaveStyle: props.onSaveStyle,
@@ -246,7 +245,6 @@ const EditParagraphStyle = props => {
     const paragraphStyles = storeParagraphSettings.paragraphStyles;
     const curStyleName = storeParagraphSettings.styleName;
     const thumbSize = storeParagraphSettings.styleThumbSize;
-    const activeStyle = Device.android ? 'link no-active-state' : 'no-active-state';
 
     return (
         <Page>
@@ -266,7 +264,7 @@ const EditParagraphStyle = props => {
                     {Device.android && <Icon slot="media" icon="icon-create-style"></Icon>}
                 </ListItem>
             </List>
-            <List className={activeStyle}>
+            <List>
                 {paragraphStyles.map((style, index) => (
                     <ListItem
                         key={index}
@@ -345,13 +343,12 @@ const ChangeNextParagraphStyle = props => {
     const storeParagraphSettings = props.storeParagraphSettings;
     const paragraphStyles = storeParagraphSettings.paragraphStyles;
     const thumbSize = storeParagraphSettings.styleThumbSize;
-    const activeStyle = Device.android ? 'link no-active-state' : 'no-active-state';
     const [newParagraph, setParagraph] = useState(nextParagraphStyle);
 
     return (
         <Page>
             <Navbar title={t('Edit.textNextParagraphStyle')} backLink={_t.textBack}></Navbar>
-            <List className={activeStyle}>
+            <List>
                 <ListItem style={{paddingLeft: '5px'}} radio radioIcon="start" checked={!newParagraph} onClick={() => {
                     if(newParagraph) {
                         setParagraph('');