Merge pull request #1665 from ONLYOFFICE/feature/fix-bugs
Feature/fix bugs
This commit is contained in:
commit
3d419cd23a
|
@ -124,62 +124,63 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// Bullets, numbers and multilevels
|
|
||||||
.bullets,
|
|
||||||
.numbers,
|
|
||||||
.multilevels {
|
|
||||||
.list{
|
|
||||||
margin: 5px;
|
|
||||||
ul {
|
|
||||||
background: none;
|
|
||||||
&:before, &:after {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-around;
|
|
||||||
width: 100%;
|
|
||||||
margin-top: 10px;
|
|
||||||
padding: 0 5px;
|
|
||||||
|
|
||||||
li {
|
// Bullets, numbers and multilevels
|
||||||
width: 70px;
|
|
||||||
height: 70px;
|
.bullets,
|
||||||
border: 1px solid @gray;
|
.numbers,
|
||||||
html.pixel-ratio-2 & {
|
.multilevels {
|
||||||
border: 0.5px solid @gray;
|
.list {
|
||||||
}
|
margin: 0;
|
||||||
html.pixel-ratio-3 & {
|
ul {
|
||||||
border: 0.33px solid @gray;
|
background: none;
|
||||||
}
|
&:before, &:after {
|
||||||
|
display: none;
|
||||||
.thumb {
|
}
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
width: 100%;
|
||||||
|
padding: 5px;
|
||||||
|
|
||||||
|
li {
|
||||||
|
width: 70px;
|
||||||
|
height: 70px;
|
||||||
|
border: 1px solid @gray;
|
||||||
|
html.pixel-ratio-2 & {
|
||||||
|
border: 0.5px solid @gray;
|
||||||
|
}
|
||||||
|
html.pixel-ratio-3 & {
|
||||||
|
border: 0.33px solid @gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumb {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: @fill-white;
|
||||||
|
background-size: cover;
|
||||||
|
|
||||||
|
label {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
text-align: center;
|
||||||
background-color: @fill-white;
|
position: absolute;
|
||||||
background-size: cover;
|
top: 34%;
|
||||||
|
color: @fill-black;
|
||||||
label {
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
position: absolute;
|
|
||||||
top: 34%;
|
|
||||||
color: @fill-black;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
.row.list .item-content {
|
|
||||||
padding-left: 0;
|
.row.list .item-content {
|
||||||
min-height: 68px;
|
padding-left: 0;
|
||||||
.item-inner{
|
min-height: 68px;
|
||||||
padding: 0;
|
.item-inner{
|
||||||
&:after {
|
padding: 0;
|
||||||
display: none;
|
&:after {
|
||||||
}
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.popover__titled .popover-inner{
|
.popover__titled .popover-inner{
|
||||||
|
@ -195,6 +196,14 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.popover .list + .list {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popover .list:first-child li:first-child, .popover .list:first-child li:first-child a, .popover .list:first-child li:first-child > label, .popover .list:last-child li:last-child, .popover .list:last-child li:last-child a, .popover .list:last-child li:last-child > label {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.shapes {
|
.shapes {
|
||||||
li {
|
li {
|
||||||
width: 70px;
|
width: 70px;
|
||||||
|
|
|
@ -227,7 +227,7 @@ class ContextMenu extends ContextMenuController {
|
||||||
} else {
|
} else {
|
||||||
const { t } = this.props;
|
const { t } = this.props;
|
||||||
const _t = t("ContextMenu", {returnObjects: true});
|
const _t = t("ContextMenu", {returnObjects: true});
|
||||||
const { canViewComments, canCoAuthoring, canComments } = this.props;
|
const { canViewComments, canCoAuthoring, canComments, dataDoc } = this.props;
|
||||||
|
|
||||||
const api = Common.EditorApi.get();
|
const api = Common.EditorApi.get();
|
||||||
const stack = api.getSelectedElements();
|
const stack = api.getSelectedElements();
|
||||||
|
|
|
@ -239,3 +239,9 @@
|
||||||
color: @brandColor;
|
color: @brandColor;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.calendar-sheet {
|
||||||
|
.calendar-month-picker, .calendar-year-picker {
|
||||||
|
border-top: 1px solid var(--background-menu-divider);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -207,11 +207,7 @@ const PageBullets = observer(props => {
|
||||||
<ListItem key={'bullet-' + bullet.type} data-type={bullet.type} className={(bullet.type === typeBullets) &&
|
<ListItem key={'bullet-' + bullet.type} data-type={bullet.type} className={(bullet.type === typeBullets) &&
|
||||||
(storeTextSettings.listType === 0 || storeTextSettings.listType === -1) ? 'active' : ''}
|
(storeTextSettings.listType === 0 || storeTextSettings.listType === -1) ? 'active' : ''}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
if (bullet.type === -1) {
|
storeTextSettings.resetBullets(bullet.type);
|
||||||
storeTextSettings.resetBullets(-1);
|
|
||||||
} else {
|
|
||||||
storeTextSettings.resetBullets(bullet.type);
|
|
||||||
}
|
|
||||||
props.onBullet(bullet.type);
|
props.onBullet(bullet.type);
|
||||||
}}>
|
}}>
|
||||||
{bullet.thumb.length < 1 ?
|
{bullet.thumb.length < 1 ?
|
||||||
|
@ -256,11 +252,7 @@ const PageNumbers = observer(props => {
|
||||||
<ListItem key={'number-' + number.type} data-type={number.type} className={(number.type === typeNumbers) &&
|
<ListItem key={'number-' + number.type} data-type={number.type} className={(number.type === typeNumbers) &&
|
||||||
(storeTextSettings.listType === 1 || storeTextSettings.listType === -1) ? 'active' : ''}
|
(storeTextSettings.listType === 1 || storeTextSettings.listType === -1) ? 'active' : ''}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
if (number.type === -1) {
|
storeTextSettings.resetNumbers(number.type);
|
||||||
storeTextSettings.resetNumbers(-1);
|
|
||||||
} else {
|
|
||||||
storeTextSettings.resetNumbers(number.type);
|
|
||||||
}
|
|
||||||
props.onNumber(number.type);
|
props.onNumber(number.type);
|
||||||
}}>
|
}}>
|
||||||
{number.thumb.length < 1 ?
|
{number.thumb.length < 1 ?
|
||||||
|
|
|
@ -490,7 +490,7 @@ const PageAdditionalFormatting = props => {
|
||||||
)
|
)
|
||||||
};
|
};
|
||||||
|
|
||||||
const PageBullets = props => {
|
const PageBullets = observer(props => {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
const _t = t('View.Edit', {returnObjects: true});
|
const _t = t('View.Edit', {returnObjects: true});
|
||||||
const bulletArrays = [
|
const bulletArrays = [
|
||||||
|
@ -525,11 +525,8 @@ const PageBullets = props => {
|
||||||
<ListItem key={'bullet-' + bullet.type} data-type={bullet.type} className={(bullet.type === typeBullets) &&
|
<ListItem key={'bullet-' + bullet.type} data-type={bullet.type} className={(bullet.type === typeBullets) &&
|
||||||
(storeTextSettings.listType === 0 || storeTextSettings.listType === -1) ? 'active' : ''}
|
(storeTextSettings.listType === 0 || storeTextSettings.listType === -1) ? 'active' : ''}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
if (bullet.type === -1) {
|
storeTextSettings.resetBullets(bullet.type);
|
||||||
storeTextSettings.resetBullets(-1);
|
props.onBullet(bullet.type);
|
||||||
}
|
|
||||||
props.onBullet(bullet.type)
|
|
||||||
props.f7router.back();
|
|
||||||
}}>
|
}}>
|
||||||
{bullet.thumb.length < 1 ?
|
{bullet.thumb.length < 1 ?
|
||||||
<Icon className="thumb" style={{position: 'relative'}}>
|
<Icon className="thumb" style={{position: 'relative'}}>
|
||||||
|
@ -543,9 +540,9 @@ const PageBullets = props => {
|
||||||
))}
|
))}
|
||||||
</View>
|
</View>
|
||||||
)
|
)
|
||||||
};
|
});
|
||||||
|
|
||||||
const PageNumbers = props => {
|
const PageNumbers = observer(props => {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
const _t = t('View.Edit', {returnObjects: true});
|
const _t = t('View.Edit', {returnObjects: true});
|
||||||
const numberArrays = [
|
const numberArrays = [
|
||||||
|
@ -573,7 +570,7 @@ const PageNumbers = props => {
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
return(
|
return (
|
||||||
<View className='numbers dataview'>
|
<View className='numbers dataview'>
|
||||||
{numberArrays.map((numbers, index) => (
|
{numberArrays.map((numbers, index) => (
|
||||||
<List className="row" style={{listStyle: 'none'}} key={'numbers-' + index}>
|
<List className="row" style={{listStyle: 'none'}} key={'numbers-' + index}>
|
||||||
|
@ -581,11 +578,8 @@ const PageNumbers = props => {
|
||||||
<ListItem key={'number-' + number.type} data-type={number.type} className={(number.type === typeNumbers) &&
|
<ListItem key={'number-' + number.type} data-type={number.type} className={(number.type === typeNumbers) &&
|
||||||
(storeTextSettings.listType === 1 || storeTextSettings.listType === -1) ? 'active' : ''}
|
(storeTextSettings.listType === 1 || storeTextSettings.listType === -1) ? 'active' : ''}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
if (number.type === -1) {
|
storeTextSettings.resetNumbers(number.type);
|
||||||
storeTextSettings.resetNumbers(-1);
|
props.onNumber(number.type);
|
||||||
}
|
|
||||||
props.onNumber(number.type)
|
|
||||||
props.f7router.back();
|
|
||||||
}}>
|
}}>
|
||||||
{number.thumb.length < 1 ?
|
{number.thumb.length < 1 ?
|
||||||
<Icon className="thumb" style={{position: 'relative'}}>
|
<Icon className="thumb" style={{position: 'relative'}}>
|
||||||
|
@ -599,7 +593,7 @@ const PageNumbers = props => {
|
||||||
))}
|
))}
|
||||||
</View>
|
</View>
|
||||||
)
|
)
|
||||||
};
|
});
|
||||||
|
|
||||||
const PageBulletsAndNumbers = props => {
|
const PageBulletsAndNumbers = props => {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
|
|
Loading…
Reference in a new issue