diff --git a/apps/spreadsheeteditor/mobile/src/less/app.less b/apps/spreadsheeteditor/mobile/src/less/app.less index 2f6739b8d5..b0433a9f9f 100644 --- a/apps/spreadsheeteditor/mobile/src/less/app.less +++ b/apps/spreadsheeteditor/mobile/src/less/app.less @@ -266,4 +266,11 @@ display: none; } } -} \ No newline at end of file +} + +// Marker color sheet +.marker-color-sheet { + width: 16px; + height: 16px; + border-radius: 50%; +} diff --git a/apps/spreadsheeteditor/mobile/src/view/Statusbar.jsx b/apps/spreadsheeteditor/mobile/src/view/Statusbar.jsx index 9491a10f7f..6f310dc078 100644 --- a/apps/spreadsheeteditor/mobile/src/view/Statusbar.jsx +++ b/apps/spreadsheeteditor/mobile/src/view/Statusbar.jsx @@ -37,7 +37,7 @@ const PageListMove = props => { ) }; -const PageAllList = (props) => { +const PageAllList = observer((props) => { const { t } = useTranslation(); const { sheets, onTabListClick } = props; const allSheets = sheets.sheets; @@ -65,18 +65,21 @@ const PageAllList = (props) => { {allSheets.map((model, sheetIndex) => onTabListClick(sheetIndex)}> - {model.hidden ? -
- {t('Statusbar.textHidden')} -
- : null} -
) - } +
+ {model.hidden ? + t('Statusbar.textHidden') + : +
+ } +
+ + )}
) -}; +}); const PageCustomTabColor = inject("storePalette")(observer (props => { const { t } = useTranslation();