Some improvements to the menu

Not quite what I want -- I want it to stay across the top on mobile with only
icons.
This commit is contained in:
Jason McBrayer 2018-08-17 18:26:19 -04:00
parent 07ed9c512a
commit 2c0cc42ae1
1 changed files with 29 additions and 15 deletions

View File

@ -32,7 +32,7 @@
</head> </head>
<body class="has-navbar-fixed-top"> <body class="has-navbar-fixed-top">
{% block navbar %} {% block navbar %}
<nav class="navbar is-fixed-top" role="navigation" <nav class="navbar is-fixed-top is-light" role="navigation"
aria-label="main navigation"> aria-label="main navigation">
<div class="navbar-brand"> <div class="navbar-brand">
<a class="navbar-item" href="{% url "home" %}"> <a class="navbar-item" href="{% url "home" %}">
@ -49,26 +49,40 @@
<div class="navbar-menu is-active" id="navMenu"> <div class="navbar-menu is-active" id="navMenu">
<!-- navbar start, navbar end --> <!-- navbar start, navbar end -->
<div class="navbar-start"> <div class="navbar-start">
<a href="{% url "home" %}" class="navbar-item">Home</a> <a href="{% url "home" %}" class="navbar-item">
<a class="navbar-item" href="{% url "note" %}">Notifications</a> <span class="fa fa-home"></span>
<a class="navbar-item" href="{% url "local" %}">Local</a> <span>&nbsp; Home</span>
<a class="navbar-item" href="{% url "fed" %}">Federated</a> </a>
<a class="navbar-item" href="{% url "note" %}">
<span class="fa fa-bell-o"></span>
<span >&nbsp; Notifications</span>
</a>
<a class="navbar-item" href="{% url "local" %}">
<span class="fa fa-community"></span>
<span >&nbsp; Local</span>
</a>
<a class="navbar-item" href="{% url "fed" %}">
<span class="fa fa-globe"></span>
<span >&nbsp;Federated</span>
</a>
<a class="navbar-item" href="{% url "toot" %}"> <a class="navbar-item" href="{% url "toot" %}">
<span class="fa fa-commenting"> <span class="fa fa-edit"> </span>
<span class="is-hidden"> <span >&nbsp; New Toot</span>
New Toot
</span>
</span>
</a> </a>
<a class="navbar-item" href="{% url "search" %}"> <a class="navbar-item" href="{% url "search" %}">
<span class="fa fa-search"> <span class="fa fa-search"> </span>
<span class="is-hidden">Search</span> <span >&nbsp; Search</span>
</span>
</a> </a>
</div> </div>
<div class="navbar-end" > <div class="navbar-end" >
<a class="navbar-item" href="{% url "settings" %}">Settings</a> <a class="navbar-item" href="{% url "settings" %}">
<a class="navbar-item" href="{% url "logout" %}">Log out</a> <span class="fa fa-gear"></span>
<span >&nbsp;Settings</span>
</a>
<a class="navbar-item" href="{% url "logout" %}">
<span class="fa fa-power-off"></span>
<span >&nbsp;Log out</span>
</a>
</div> </div>
</div> </div>
</nav> </nav>