Merge pull request #1901 from ONLYOFFICE/feature/fix-bugs
Feature/fix bugs
This commit is contained in:
commit
f3c7f5cfc9
|
@ -69,9 +69,9 @@
|
||||||
.title {
|
.title {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: @text-normal;
|
color: @text-normal;
|
||||||
line-height: 17px;
|
//line-height: 17px;
|
||||||
max-height: 34px;
|
max-height: 34px;
|
||||||
overflow: hidden;
|
//overflow: hidden;
|
||||||
}
|
}
|
||||||
.navbar-inner, .subnavbar-inner {
|
.navbar-inner, .subnavbar-inner {
|
||||||
z-index: auto;
|
z-index: auto;
|
||||||
|
@ -169,7 +169,7 @@
|
||||||
.page-content {
|
.page-content {
|
||||||
> .list {
|
> .list {
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin-bottom: 30px;
|
// margin-bottom: 30px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -147,6 +147,7 @@
|
||||||
.bullets,
|
.bullets,
|
||||||
.numbers,
|
.numbers,
|
||||||
.multilevels {
|
.multilevels {
|
||||||
|
min-height: 160px;
|
||||||
.row.list {
|
.row.list {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
ul {
|
ul {
|
||||||
|
|
|
@ -132,6 +132,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Swiper
|
||||||
.swiper-container {
|
.swiper-container {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
.swiper-pagination-bullet-active{
|
.swiper-pagination-bullet-active{
|
||||||
|
@ -147,6 +148,14 @@
|
||||||
// }
|
// }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-bullets {
|
||||||
|
position: relative;
|
||||||
|
margin-top: 10px;
|
||||||
|
.swiper-pagination-bullet {
|
||||||
|
margin: 0 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// Skeleton table
|
// Skeleton table
|
||||||
|
|
||||||
.table-styles .row div:not(:first-child) {
|
.table-styles .row div:not(:first-child) {
|
||||||
|
|
|
@ -207,7 +207,7 @@ const EditParagraph = props => {
|
||||||
onStyleMenuDelete: props.onStyleMenuDelete
|
onStyleMenuDelete: props.onStyleMenuDelete
|
||||||
}}>
|
}}>
|
||||||
{curStyle &&
|
{curStyle &&
|
||||||
<div slot="inner" style={{backgroundImage: 'url(' + curStyle.image + ')', width: '100%', height: thumbSize.height + 'px', backgroundSize: '100% ' + thumbSize.height + 'px', backgroundRepeat: 'no-repeat'}}></div>
|
<div slot="inner" style={{backgroundImage: 'url(' + curStyle.image + ')', width: '100%', height: thumbSize.height + 'px', backgroundSize: 'contain', backgroundRepeat: 'no-repeat'}}></div>
|
||||||
}
|
}
|
||||||
</ListItem>
|
</ListItem>
|
||||||
</List>
|
</List>
|
||||||
|
@ -278,7 +278,7 @@ const EditParagraphStyle = props => {
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<div slot="inner"
|
<div slot="inner"
|
||||||
style={{backgroundImage: 'url(' + style.image + ')', width: '100%', height: thumbSize.height + 'px', backgroundSize: '100% ' + thumbSize.height + 'px', backgroundRepeat: 'no-repeat'}}
|
style={{backgroundImage: 'url(' + style.image + ')', width: '100%', height: thumbSize.height + 'px', backgroundSize: 'contain', backgroundRepeat: 'no-repeat'}}
|
||||||
></div>
|
></div>
|
||||||
{!api.asc_IsStyleDefault(style.name) && (
|
{!api.asc_IsStyleDefault(style.name) && (
|
||||||
<div slot="inner-end">
|
<div slot="inner-end">
|
||||||
|
@ -369,7 +369,7 @@ const ChangeNextParagraphStyle = props => {
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<div slot="inner"
|
<div slot="inner"
|
||||||
style={{backgroundImage: 'url(' + style.image + ')', width: '100%', height: thumbSize.height + 'px', backgroundSize: '100% ' + thumbSize.height + 'px', backgroundRepeat: 'no-repeat'}}
|
style={{backgroundImage: 'url(' + style.image + ')', width: '100%', height: thumbSize.height + 'px', backgroundSize: 'contain', backgroundRepeat: 'no-repeat'}}
|
||||||
></div>
|
></div>
|
||||||
</ListItem>
|
</ListItem>
|
||||||
))}
|
))}
|
||||||
|
|
|
@ -273,7 +273,7 @@ const PageEditStructureTableContents = props => {
|
||||||
}}>
|
}}>
|
||||||
{isAndroid ? <Icon icon="icon-expand-down"></Icon> : ' - '}
|
{isAndroid ? <Icon icon="icon-expand-down"></Icon> : ' - '}
|
||||||
</Button>
|
</Button>
|
||||||
{isAndroid && <label>{style.value}</label>}
|
{isAndroid && <label>{style.value === 0 ? '' : style.value}</label>}
|
||||||
<Button outline className='increment item-link' onClick={() => {
|
<Button outline className='increment item-link' onClick={() => {
|
||||||
if(style.value < 9) {
|
if(style.value < 9) {
|
||||||
setAmountLevels(-1);
|
setAmountLevels(-1);
|
||||||
|
|
|
@ -213,9 +213,7 @@ const PageBullets = observer( props => {
|
||||||
storeTextSettings.resetBullets(bullet.subtype);
|
storeTextSettings.resetBullets(bullet.subtype);
|
||||||
props.onBullet(bullet.subtype);
|
props.onBullet(bullet.subtype);
|
||||||
}}>
|
}}>
|
||||||
<div id={`id-markers-${bullet.subtype}`} className='item-marker'>
|
<div id={`id-markers-${bullet.subtype}`} className='item-marker'></div>
|
||||||
|
|
||||||
</div>
|
|
||||||
</ListItem>
|
</ListItem>
|
||||||
))}
|
))}
|
||||||
</List>
|
</List>
|
||||||
|
|
|
@ -41,6 +41,7 @@ const PageAllList = (props) => {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
const { sheets, onTabListClick } = props;
|
const { sheets, onTabListClick } = props;
|
||||||
const allSheets = sheets.sheets;
|
const allSheets = sheets.sheets;
|
||||||
|
const heightView = Device.android ? allSheets.length * 48 : allSheets.length * 44;
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const tabs = $$('.sheet-tabs .tab');
|
const tabs = $$('.sheet-tabs .tab');
|
||||||
|
@ -59,10 +60,10 @@ const PageAllList = (props) => {
|
||||||
}, [sheets.activeWorksheet]);
|
}, [sheets.activeWorksheet]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<View style={{height: '240px'}}>
|
<View style={{maxHeight: '240px', height: heightView > 240 ? '240px' : `${heightView}px`}}>
|
||||||
<Page>
|
<Page>
|
||||||
<List>
|
<List>
|
||||||
{ allSheets.map( (model,sheetIndex) =>
|
{allSheets.map((model, sheetIndex) =>
|
||||||
<ListItem className='item-list' key={model.name} title={model.name} checkbox checked={model.active} onClick={() => onTabListClick(sheetIndex)}>
|
<ListItem className='item-list' key={model.name} title={model.name} checkbox checked={model.active} onClick={() => onTabListClick(sheetIndex)}>
|
||||||
{model.hidden ?
|
{model.hidden ?
|
||||||
<div slot='after'>
|
<div slot='after'>
|
||||||
|
|
Loading…
Reference in a new issue