pengjunjie/web-apps
1
0
Fork 1
mirror of https://github.com/ONLYOFFICE/web-apps.git synced 2026-07-25 13:10:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

[SSE mobile] Fix Bug 57730

Browse Source
This commit is contained in:
SergeyEzhin
2023-10-20 09:50:19 +02:00
parent ab983eae5c
commit 73a12bc5a9
1 changed files with 18 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
apps/spreadsheeteditor/mobile/src/view/edit/EditCell.jsx
View File

@ -5,6 +5,7 @@ import { useTranslation } from 'react-i18next';
import {Device} from '../../../../../common/mobile/utils/device';
import { ThemeColorPalette, CustomColorPicker } from '../../../../../common/mobile/lib/component/ThemeColorPalette.jsx';
import { LocalStorage } from '../../../../../common/mobile/utils/LocalStorage.mjs';
import { Swiper, SwiperSlide } from 'swiper/react';
const EditCell = props => {
const isAndroid = Device.android;
@ -145,25 +146,23 @@ const PageCellStyle = props => {
}
</Navbar>
{cellStyles && cellStyles.length ? (
<div className="swiper-container swiper-init" data-pagination='{"el": ".swiper-pagination"}'>
<div className="swiper-wrapper">
{arraySlides.map((_, indexSlide) => {
let stylesSlide = cellStyles.slice(indexSlide * countStylesSlide, (indexSlide * countStylesSlide) + countStylesSlide);
return (
<div className="swiper-slide" key={indexSlide}>
<List className="cell-styles-list">
{stylesSlide.map((elem, index) => (
<ListItem key={index} className={elem.name === styleName ? "item-theme active" : "item-theme"} onClick={() => props.onStyleClick(elem.name)}>
<div className='thumb' style={{backgroundImage: `url(${elem.image})`}}></div>
</ListItem>
))}
</List>
</div>
)})}
</div>
<div className="swiper-pagination"></div>
</div>
<Swiper pagination={true}>
{arraySlides.map((_, indexSlide) => {
let stylesSlide = cellStyles.slice(indexSlide * countStylesSlide, (indexSlide * countStylesSlide) + countStylesSlide);
return (
<SwiperSlide>
<List className="cell-styles-list">
{stylesSlide.map((elem, index) => (
<ListItem key={index} className={elem.name === styleName ? "item-theme active" : "item-theme"} onClick={() => props.onStyleClick(elem.name)}>
<div className='thumb' style={{backgroundImage: `url(${elem.image})`}}></div>
</ListItem>
))}
</List>
</SwiperSlide>
)
})}
</Swiper>
) : null}
</Page>
)