[DE mobile] Correct paragraph settings

This commit is contained in:
SergeyEzhin 2022-04-06 20:07:58 +04:00
parent 7daad891f8
commit f505bdd807
2 changed files with 8 additions and 1 deletions

View file

@ -6,12 +6,14 @@ class EditParagraphController extends Component {
constructor (props) {
super(props);
props.storeParagraphSettings.setBackColor(undefined);
this.onStyleClick = this.onStyleClick.bind(this);
}
onStyleClick (name) {
const api = Common.EditorApi.get();
if (api) {
api.put_Style(name);
this.props.storeParagraphSettings.changeParaStyleName(name);
}
}

View file

@ -1,4 +1,5 @@
import React, {Fragment, useState} from 'react';
import { flushSync } from 'react-dom';
import {observer, inject} from "mobx-react";
import {f7, List, ListItem, Icon, Button, Page, Navbar, NavRight, Segmented, BlockTitle, Toggle, Link} from 'framework7-react';
import { useTranslation } from 'react-i18next';
@ -229,7 +230,11 @@ const EditParagraph = props => {
key={index}
radio
checked={curStyleName === style.name}
onClick={() => {props.onStyleClick(style.name)}}
onClick={() => {
if(curStyleName !== style.name) {
props.onStyleClick(style.name);
}
}}
>
<div slot="inner"
style={{backgroundImage: 'url(' + style.image + ')', width: thumbSize.width + 'px', height: thumbSize.height + 'px', backgroundSize: thumbSize.width + 'px ' + thumbSize.height + 'px', backgroundRepeat: 'no-repeat'}}