navbar hide text on docsy 0.11.0

[aliceinwire]

docsy by default hide text on the current content with the navbar on version 0.11.0

https://aliceinwire.github.io/kci-dev/

my current solution is to add
tags, but the markdown content under docs/ is actually used for the main KernelCI website.
There is a way for doing the same thing under the hugo.toml settings or better a more elegant solution changing only the hugo.toml settings ?

The code is here:
https://github.com/kernelci/kci-dev/blob/main/hugo.toml
https://github.com/kernelci/kci-dev/blob/main/.github/workflows/docs.yml
https://github.com/kernelci/kci-dev/tree/main/docs

thanks

[chalin]

Hi. Was this working before 0.11.0?

[aliceinwire]

sorry, I have no idea as this is my first time using hugo and docsy.
maybe I can try downgrading it

[aliceinwire]

looks same on 0.10.0

[aliceinwire]

tested with docsy 0.11.0 0.10.0
hugo version is 0.137.1
font-awesome 6.7.0
bootstrap v5.3.3

[aliceinwire]

removing "position:fixed" theoretically fix this
not sure of how to do it without changing the layout files
would be nice to have it working out of the box or in alternative configurable by hugo.toml

currently fixed like this
https://github.com/aliceinwire/kci-dev/blob/51122eaf0b245baf989f663e213615086a8e3429/.github/workflows/docs.yml#L51

hope you can suggest a better solution

[chalin]

Welcome then, if this is the first time using Hugo and Docsy! 👋🏻 No need to downgrade :), I was just wondering if the issue had arisen only in 0.11.0. It is probably because of the "only-docs" use case you have. I'll take another look as soon as I can, but that might not be for a while. I'm glad that you've found a fix 🙌🏻

[aliceinwire]

The "only-docs" use case is caused by the main https://docs.kernelci.org repository that is also using docsy and it will link to my docs only folder with the KernelCI own layout.
What I'm doing, is trying to rendering it also standalone from the kci-dev repository.
That is making the docs/ md files on the kci-dev repository, loaded by both the kci-dev docsy/hugo and the kernelci.org docsy/hugo system, added as a submodule.
by this PR kernelci/kernelci-project#487

[aliceinwire]

Welcome then, if this is the first time using Hugo and Docsy!

Thanks :)

[d5UtQvp8QQU9]

You can work around this issue by adding a file assets/scss/_styles_project.scss with content

.td-navbar {
  position: relative;
}

which overrides the default behaviour.

But then again, only use this if you're exclusively using single page content. If you're using docs aswell, they will look silly because of an added padding-top: 5.5rem.

Also see my issue #2139 which is apparently a duplicate of this one.

Edit: Also keep in mind this does not work well with navbar_translucent_over_cover_disable: false (the navbar will not be transparent over the cover image with this hack).

[d5UtQvp8QQU9]

The least 'hacky' solution I can think of is to define a new layout, e.g. layouts/single/baseof.html by using the file layouts/_default/baseof.html from docsy as a base with the following modifications:

      <main role="main" class="td-main">
        {{ block "main" . }}{{ end }}
      </main>

->

      <div class="td-main">
        <main role="main">
          {{ block "main" . }}{{ end }}
        </main>
      </div>

and to add type: single to the front matter of each page this should apply to.

This does not break other pages that use the _default layout, e.g. the Goldydocs home and about page where an overlay of page content and navbar is intentional.