Skip to content
New issue

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

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

Already on GitHub? # 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!)

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

No branches or pull requests

2 participants