добавить стиль к компоненту ShowMore npm для предварительного просмотра - PullRequest
Новая
       8

добавить стиль к компоненту ShowMore npm для предварительного просмотра

0 голосов
/ 30 ноября 2018

Я пытаюсь выровнять текст в компоненте ShowMore.Но мой текущий код оправдывает себя только тогда, когда текст полностью отображается, а не в случае "showLess". 

<p style={{ marginTop: '0.7em', textAlign: 'justify' }}>
    <ShowMore
        lines={4}
        more="plus"
        less="moins"
        anchorClass=""
    >
       {this.content}
    </ShowMore>
</p>

Как применить стиль и к режиму без демонстрации?

Здесь полный тексткласс: 

class News extends Component {
    constructor(props) {
    super(props);
    this.event = { title: 'some title for this event' };
    this.content = 'Nec minus feminae quoque calamitatum participes fuere similium. nam ex hoc quoque sexu peremptae sunt originis altae conplures, adulteriorum flagitiis obnoxiae vel stuprorum. inter quas notiores fuere Claritas et Flaviana, quarum altera cum duceretur ad mortem, indumento, quo vestita erat, abrepto.';
}

render() {
    return (
        <Segment>
            <p>{this.event.title}</p>
            <p style={{ marginTop: '0.7em', textAlign: 'justify' }}>
                <ShowMore
                    lines={3}
                    more="plus"
                    less="moins"
                    anchorClass=""
                >
                    {this.content}
                </ShowMore>
            </p>
        </Segment>
    );
  }
}

Спасибо за помощь

Изая

...