Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Merge pull request #1093 from ONLYOFFICE/fix/fix-bugs-on-mobiles

Browse source 
[SSE mobile] Fix bug 49025
This commit is contained in:
Julia Radzhabova 2021-08-18 13:59:01 +03:00 committed by GitHub
parent 196ca4ed78 352c381869
commit 4c5d962c4f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 40 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
apps/common/mobile/resources/less/common.less
View file

@ -533,28 +533,44 @@
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
padding-top: 5px; padding-top: 5px;
} li.item-theme {
li { border: 0.5px solid #c8c7cc;
border: 0.5px solid #c8c7cc; padding: 2px;
padding: 2px; background-repeat: no-repeat;
background-repeat: no-repeat; width: 106px;
width: 106px; height: 56px;
height: 56px; margin-bottom: 10px;
margin-bottom: 10px; background-position: center;
background-position: center; .item-content {
} width: 100%;
.item-inner:after { height: 100%;
display: none; padding: 0;
} .item-inner {
.item-theme.active:before { width: 100%;
content: ''; height: 100%;
position: absolute; padding: 0;
width: 22px; &:after {
height: 22px; display: none;
right: 2px; }
bottom: 2px; .thumb {
z-index: 1; width: 100%;
.encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 22 22" fill="#40865c"><g><circle fill="#fff" cx="11" cy="11" r="11"/><path d="M11,21A10,10,0,1,1,21,11,10,10,0,0,1,11,21h0ZM17.4,7.32L17.06,7a0.48,0.48,0,0,0-.67,0l-7,6.84L6.95,11.24a0.51,0.51,0,0,0-.59.08L6,11.66a0.58,0.58,0,0,0,0,.65l3.19,3.35a0.38,0.38,0,0,0,.39,0L17.4,8a0.48,0.48,0,0,0,0-.67h0Z"/></g></svg>'); height: 100%;
padding: 0;
background-size: contain;
}
}
}
&.active:before {
content: '';
position: absolute;
width: 22px;
height: 22px;
right: 2px;
bottom: 2px;
z-index: 1;
.encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 22 22" fill="#40865c"><g><circle fill="#fff" cx="11" cy="11" r="11"/><path d="M11,21A10,10,0,1,1,21,11,10,10,0,0,1,11,21h0ZM17.4,7.32L17.06,7a0.48,0.48,0,0,0-.67,0l-7,6.84L6.95,11.24a0.51,0.51,0,0,0-.59.08L6,11.66a0.58,0.58,0,0,0,0,.65l3.19,3.35a0.38,0.38,0,0,0,.39,0L17.4,8a0.48,0.48,0,0,0,0-.67h0Z"/></g></svg>');
}
}
} }
} }

3
apps/spreadsheeteditor/mobile/src/view/edit/EditCell.jsx
View file

@ -100,8 +100,9 @@ const EditCell = props => {
<List className="cell-styles-list"> <List className="cell-styles-list">
{cellStyles.map((elem, index) => { {cellStyles.map((elem, index) => {
return ( return (
<ListItem key={index} style={{backgroundImage: `url(${elem.image})`}} <ListItem key={index}
className={elem.name === styleName ? "item-theme active" : "item-theme"} onClick={() => props.onStyleClick(elem.name)}> className={elem.name === styleName ? "item-theme active" : "item-theme"} onClick={() => props.onStyleClick(elem.name)}>
<div className='thumb' style={{backgroundImage: `url(${elem.image})`}}></div>
</ListItem> </ListItem>
) )
})} })}