MokoConsulting/MokoCassiopeia
1
1
Fork 0
Code Issues 2 Pull Requests Actions Packages Releases 1 Activity

Fix search module dropping to new row in header (#117)

Browse Source 
Remove width: 100% from .container-search that forced it to wrap.
Change desktop media query from flex: 1 1 100% to flex: 1 1 auto
with min-width: 200px so the search grows to fill remaining space
alongside the menu without forcing a new row.

Closes #117

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jonathan Miller
2026-04-07 17:45:22 -05:00
parent 556da8481d
commit 8b62bf10ff
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/media/css/template.css
View File

@@ -14486,7 +14486,6 @@ li.current a {
.container-header .container-search { .container-header .container-search {
margin-top: 0.75em; margin-top: 0.75em;
width: 100%;
} }
.container-header .container-search .mod-finder, .container-header .container-search .mod-finder,
@@ -18676,8 +18675,8 @@ nav[data-toggle=toc] .nav-link.active+ul{
} }
.container-header .container-search { .container-header .container-search {
flex: 1 1 100%; flex: 1 1 auto;
width: 100%; min-width: 200px;
margin-top: 0; margin-top: 0;
} }
} }