search

scipp / copier_template

Copier template for Scipp projects
BSD 3-Clause "New" or "Revised" License
2 stars 1 forks source link

Make HTML navbar more compact #83

Closed jl-wynen closed 10 months ago

jl-wynen commented 10 months ago

With version 0.14 of the theme, the navbar is prone to overflowing. E.g., a window with a width of half my screen looks like this: before The changes to CSS proposed here turn it into this: after

This removes the fake search field and replaces it by a plain button. Functionality-wise it is a button anyway and opens a dialogue in the centre of the screen just like with version 0.13.

I also shortened the 'About' title in order to conserve a little more space. (Not in the screenshots)

See https://scicatproject.github.io/scitacean/ for how this can look in the wild.

jl-wynen commented 10 months ago

In Scitacean, I actually pinned the theme version in docs.in in order to avoid surprise layout changes. Should we do the same here?

jl-wynen commented 10 months ago

Rebased on the changes of #93. This now only updates versions and changes the search icon.

jl-wynen commented 10 months ago

I misunderstood the docs at first. It is possible to replace the search field with the old style button. This way, we don't need custom CSS. The button is slightly misaligned though:

Screenshot_20231116_121753