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;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
@ -64,10 +65,15 @@ h1 {
/* Dropdown (one level, CSS-only, opens on hover / keyboard focus) */
.nav-dropdown {
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 {
display: inline-flex;
align-items: center;
gap: 4px;
cursor: pointer;
}

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

@ -15,9 +15,9 @@
{% if item.children %}
<div class="nav-dropdown">
{% 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 %}
<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 %}
<div class="nav-submenu">
{% for child in item.children %}