mirror of
https://github.com/flarum/core.git
synced 2025-08-01 22:20:21 +02:00
Hide post footer when empty (#2926)
* Add `Post-footer--empty` class if the post footer contains no items * Hide post footer when it has class `Post-footer--empty` * Swap to `:empty` pseudoselector * Prefer ternary operator * Fix typo
This commit is contained in:
@@ -44,6 +44,7 @@ export default class Post extends Component {
|
||||
attrs.className = this.classes(attrs.className).join(' ');
|
||||
|
||||
const controls = PostControls.controls(this.attrs.post, this).toArray();
|
||||
const footerItems = this.footerItems().toArray();
|
||||
|
||||
return (
|
||||
<article {...attrs}>
|
||||
@@ -71,9 +72,7 @@ export default class Post extends Component {
|
||||
)}
|
||||
</ul>
|
||||
</aside>
|
||||
<footer className="Post-footer">
|
||||
<ul>{listItems(this.footerItems().toArray())}</ul>
|
||||
</footer>
|
||||
<footer className="Post-footer">{footerItems.length ? <ul>{listItems(footerItems)}</ul> : null}</footer>
|
||||
</div>
|
||||
</article>
|
||||
);
|
||||
|
Reference in New Issue
Block a user