1
0
mirror of https://github.com/flarum/core.git synced 2025-07-12 04:16:24 +02:00

Use flexbox for sideNav. fixes #1408

This commit is contained in:
Toby Zerner
2018-07-20 12:34:43 +09:30
parent cbe328cdc5
commit 6a6b9ac6b1
4 changed files with 24 additions and 16 deletions

View File

@ -71,15 +71,17 @@ export default class IndexPage extends Page {
<div className="IndexPage">
{this.hero()}
<div className="container">
<nav className="IndexPage-nav sideNav">
<ul>{listItems(this.sidebarItems().toArray())}</ul>
</nav>
<div className="IndexPage-results sideNavOffset">
<div className="IndexPage-toolbar">
<ul className="IndexPage-toolbar-view">{listItems(this.viewItems().toArray())}</ul>
<ul className="IndexPage-toolbar-action">{listItems(this.actionItems().toArray())}</ul>
<div className="sideNavContainer">
<nav className="IndexPage-nav sideNav">
<ul>{listItems(this.sidebarItems().toArray())}</ul>
</nav>
<div className="IndexPage-results sideNavOffset">
<div className="IndexPage-toolbar">
<ul className="IndexPage-toolbar-view">{listItems(this.viewItems().toArray())}</ul>
<ul className="IndexPage-toolbar-action">{listItems(this.actionItems().toArray())}</ul>
</div>
{app.cache.discussionList.render()}
</div>
{app.cache.discussionList.render()}
</div>
</div>
</div>