cf7/picopaper
1
0
Fork 0
Code Issues 9 Pull requests Projects Releases 3 Packages 1 Wiki Activity Actions

ux: FIX parent menu item - correct size

Browse source
This commit is contained in:
Caffeine Fueled 2026-07-04 09:07:57 +02:00
parent 0cbd56b689
commit 74bc87e7e9
Signed by: cf7
GPG key ID: CA295D643074C68C
2 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
theme/default/assets/style.css
View file

@ -42,6 +42,7 @@ h1 {
font-weight: bold; font-weight: bold;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center;
gap: 10px; gap: 10px;
flex-wrap: wrap; flex-wrap: wrap;
} }
@ -64,10 +65,15 @@ h1 {
/* Dropdown (one level, CSS-only, opens on hover / keyboard focus) */ /* Dropdown (one level, CSS-only, opens on hover / keyboard focus) */
.nav-dropdown { .nav-dropdown {
position: relative; position: relative;
display: inline-block; display: inline-flex;
} }
/* Match the plain .nav-item box exactly (it would otherwise be an inline
element here) and vertically center the label with its caret. */
.nav-dropdown-toggle { .nav-dropdown-toggle {
display: inline-flex;
align-items: center;
gap: 4px;
cursor: pointer; cursor: pointer;
} }

4
theme/default/templates/header.tmpl
View file

@ -15,9 +15,9 @@
{% if item.children %} {% if item.children %}
<div class="nav-dropdown"> <div class="nav-dropdown">
{% if item.url %} {% if item.url %}
<a href="{{ item.url }}" class="nav-item nav-dropdown-toggle">{{ item.text }} <span class="nav-caret">▾</span></a> <a href="{{ item.url }}" class="nav-item nav-dropdown-toggle">{{ item.text }}<span class="nav-caret">▾</span></a>
{% else %} {% else %}
<span class="nav-item nav-dropdown-toggle" tabindex="0" role="button" aria-haspopup="true">{{ item.text }} <span class="nav-caret">▾</span></span> <span class="nav-item nav-dropdown-toggle" tabindex="0" role="button" aria-haspopup="true">{{ item.text }}<span class="nav-caret">▾</span></span>
{% endif %} {% endif %}
<div class="nav-submenu"> <div class="nav-submenu">
{% for child in item.children %} {% for child in item.children %}