Merge pull request #1595 from ONLYOFFICE/feature/fix-bug-react

Feature/fix bug react
This commit is contained in:
maxkadushkin 2022-02-25 10:05:10 +03:00 committed by GitHub
commit 3245a11beb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 41 additions and 34 deletions

View file

@ -242,6 +242,9 @@
.actions-modal.modal-in {
z-index: 13700;
.actions-group::after {
background-color: @background-menu-divider;
}
}
.actions-backdrop.backdrop-in {

View file

@ -32,7 +32,7 @@
border-top: 1px solid #446995;
border-bottom: 1px solid #446995;
input {
color: #000;
color: @text-normal;
font-size: 17px;
font-weight: var(--f7-list-item-after-line-height);
}

View file

@ -79,7 +79,7 @@
border:none;
input {
color: #000;
color: @text-normal;
font-size: 16px;
width: 40px;
font-weight: var(--f7-list-item-after-line-height);

View file

@ -78,7 +78,7 @@
&.icon-expand-down {
width: 17px;
height: 17px;
.encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{fill-white}"><g><polygon points="10.9,16.9 2,8.1 4.1,6 11.1,12.8 17.9,6 20,8.1 11.2,16.9 11.1,17 "/></g></svg>', @fill-white);
.encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brand-word}"><g><polygon points="10.9,16.9 2,8.1 4.1,6 11.1,12.8 17.9,6 20,8.1 11.2,16.9 11.1,17 "/></g></svg>');
}
&.icon-expand-up {
width: 17px;

View file

@ -14,23 +14,25 @@ const PageListMove = props => {
const allSheets = sheets.sheets;
return (
<Page>
<Navbar title={t('Statusbar.textMoveBefore')}/>
<List>
<ListGroup>
{ allSheets.map((model, index) =>
model.hidden ? null :
<View style={!Device.phone ? {height: '420px'} : null}>
<Page>
<Navbar title={t('Statusbar.textMoveBefore')}/>
<List>
<ListGroup>
{ allSheets.map((model, index) =>
model.hidden ? null :
<ListItem
key={model.name}
title={model.name}
onClick={() => onMenuMoveClick(index)} />)
}
<ListItem
key={model.name}
title={model.name}
onClick={() => onMenuMoveClick(index)} />)
}
<ListItem
title={t('Statusbar.textMoveToEnd')}
onClick={() => onMenuMoveClick(-255)}/>
</ListGroup>
</List>
</Page>
title={t('Statusbar.textMoveToEnd')}
onClick={() => onMenuMoveClick(-255)}/>
</ListGroup>
</List>
</Page>
</View>
)
};
@ -40,19 +42,21 @@ const PageAllList = (props) => {
const allSheets = sheets.sheets;
return (
<Page>
<List>
{ allSheets.map( (model,sheetIndex) =>
<ListItem className='item-list' key={model.name} title={model.name} checkbox checked={model.active} onClick={() => onTabListClick(sheetIndex)}>
{model.hidden ?
<div slot='after'>
{t('Statusbar.textHidden')}
</div>
: null}
</ListItem>)
}
</List>
</Page>
<View style={{height: '240px'}}>
<Page>
<List>
{ allSheets.map( (model,sheetIndex) =>
<ListItem className='item-list' key={model.name} title={model.name} checkbox checked={model.active} onClick={() => onTabListClick(sheetIndex)}>
{model.hidden ?
<div slot='after'>
{t('Statusbar.textHidden')}
</div>
: null}
</ListItem>)
}
</List>
</Page>
</View>
)
};
@ -138,7 +142,7 @@ const StatusbarView = inject('storeAppOptions', 'sheets', 'users')(observer(prop
</Actions>
) : null}
{
<Popover style={{height: '240px'}} id="idx-all-list" className="all-list">
<Popover id="idx-all-list" className="all-list">
<PageAllList sheets={sheets} onTabListClick={props.onTabListClick}/>
</Popover>
}
@ -150,7 +154,7 @@ const StatusbarView = inject('storeAppOptions', 'sheets', 'users')(observer(prop
<PageListMove sheets={sheets} onMenuMoveClick={props.onMenuMoveClick}/>
</Sheet>
:
<Popover style={{height: '420px'}} id="idx-move-sheet-popover" closeByOutsideClick={false}>
<Popover id="idx-move-sheet-popover" closeByOutsideClick={false}>
<PageListMove sheets={sheets} onMenuMoveClick={props.onMenuMoveClick}/>
</Popover>
}