Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ability to left-justify the menu #35

Open
Techcable opened this issue Oct 8, 2021 · 1 comment
Open

Ability to left-justify the menu #35

Techcable opened this issue Oct 8, 2021 · 1 comment

Comments

@Techcable
Copy link

Techcable commented Oct 8, 2021

Hello, I would like it if the menu was able to be left-justified and inline with the website's title in the top-left.

Something like this (please ignore the bizarre name):
image

Do I have to use custom CSS for this?
Would this be appropriate as a config option? If so, I'd be willing to try and contribute it.

@textbook
Copy link
Owner

textbook commented Oct 8, 2021

I don't think you could do this just by adding CSS, it would be a structural change to the layout of the page. Bulrush uses the navbar component for both the header (where the title is) and the menu:

<header class="hero is-primary">
<div class="hero-head">
<div class="container">
<nav class="navbar">
<div class="navbar-brand">
<a class="navbar-item title is-3{% if output_file == "index.html" %} is-active{% endif %}"
href="{{ SITEURL }}/">{{ SITENAME }}</a>
</div>
</nav>
</div>
</div>
</header>
<nav class="navbar has-shadow is-hidden-print">
<div class="container">
<div class="navbar-center"></div>
<span id="navToggle" class="navbar-burger">
<span></span>
<span></span>
<span></span>
</span>
<div id="navMenu" class="navbar-menu">
<div class="navbar-end">
{% for title, link in MENUITEMS|reverse %}
<a class="navbar-item is-tab" href="{{ link }}">{{ title }}</a>
{% endfor %}
{% if DISPLAY_CATEGORIES_ON_MENU %}
{% for cat, null in categories|reverse %}
<a class="navbar-item is-tab {% if cat == category %}is-active{% endif %}"
href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a>
{% endfor %}
{% endif %}
</div>
</div>
</div>
</nav>

This would be a possible but quite substantial change to make conditionally with a configuration option. I'd be open to discussing a proposed implementation but at a certain point you might be better making a fork of Bulrush you can adapt to your specific needs (#36 suggests you have other changes in mind!)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants