mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-02 14:37:49 +02:00
Code Issues Releases Wiki Activity

Hide post footer when empty (#2926)

Browse Source 
* 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:
David Wheatley
2021-07-13 13:42:19 +01:00
committed by GitHub
parent 7a0df21c5a
commit da20d75e3c
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
js/src/forum/components/Post.js
View File

@@ -44,6 +44,7 @@ export default class Post extends Component {
attrs.className = this.classes(attrs.className).join(' '); attrs.className = this.classes(attrs.className).join(' ');
const controls = PostControls.controls(this.attrs.post, this).toArray(); const controls = PostControls.controls(this.attrs.post, this).toArray();
const footerItems = this.footerItems().toArray();
return ( return (
<article {...attrs}> <article {...attrs}>
@@ -71,9 +72,7 @@ export default class Post extends Component {
)} )}
</ul> </ul>
</aside> </aside>
<footer className="Post-footer"> <footer className="Post-footer">{footerItems.length ? <ul>{listItems(footerItems)}</ul> : null}</footer>
<ul>{listItems(this.footerItems().toArray())}</ul>
</footer>
</div> </div>
</article> </article>
); );

7
less/forum/Post.less
View File

@@ -247,9 +247,6 @@
a { a {
font-weight: bold; font-weight: bold;
} }
.Post-footer {
margin-bottom: 0;
}
} }
.EventPost-info { .EventPost-info {
font-size: 14px; font-size: 14px;
@@ -287,6 +284,10 @@
font-size: 14px; font-size: 14px;
margin-right: 5px; margin-right: 5px;
} }
&:empty {
display: none;
}
} }
.Post-actions { .Post-actions {
margin-top: -5px; margin-top: -5px;