Hi,
I have to change a Flarum core component. I want to add a own css class in /flarum/vendor/flarum/core/js/forum/src/components/DiscussionPage.js:
<div className="DiscussionPage-discussion Test">
{discussion
? [
DiscussionHero.component({discussion}),
<div className="container test">
<nav className="DiscussionPage-nav">
<ul>{listItems(this.sidebarItems().toArray())}</ul>
</nav>
<div className="DiscussionPage-stream">
{this.stream.render()}
</div>
</div>
]
: LoadingIndicator.component({className: 'LoadingIndicator--block'})}
</div>
</div>
I also installed nmp and gulp and can see the new classes in the new complied /forum/dis/app.js:
...
value: function view() {
var discussion = this.discussion;
return m(
'div',
{ className: 'DiscussionPage' },
app.cache.discussionList ? m(
'div',
{ className: 'DiscussionPage-list', config: this.configPane.bind(this) },
!$('.App-navigation').is(':visible') ? app.cache.discussionList.render() : ''
) : '',
m(
'div',
{ className: 'DiscussionPage-discussion Test' },
discussion ? [DiscussionHero.component({ discussion: discussion }), m(
'div',
{ className: 'container test' },
m(
'nav',
{ className: 'DiscussionPage-nav' },
m(
'ul',
null,
listItems(this.sidebarItems().toArray())
)
),
m(
'div',
{ className: 'DiscussionPage-stream' },
this.stream.render()
)
)] : LoadingIndicator.component({ className: 'LoadingIndicator--block' })
)
);
...
But in the browser page source code the new class is missing:
...
<div class="DiscussionPage"><div class="DiscussionPage-discussion"><header class="Hero DiscussionHero DiscussionHero--colored" style="background-color: rgb(62, 140, 17);"><div class="container">
...
Did I forget something?
Thanks
