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

Force search module 100% width at all breakpoints

Browse Source 
Add width: 100% to .container-search and child elements. Override
desktop media query from flex: 0 0 auto/min-width: 300px to
flex: 1 1 100%/width: 100%.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jonathan Miller
2026-04-04 15:50:13 -05:00
parent eddc5dd418
commit 1abdd9a253
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -14485,6 +14485,13 @@ li.current a {
.container-header .container-search {
margin-top: 0.75em;
width: 100%;
}
.container-header .container-search .mod-finder,
.container-header .container-search .mod-finder__form,
.container-header .container-search .mod-finder__search {
width: 100%;
}
.container-header .mod-finder, .container-header .mod-finder a, .container-header .mod-finder form {
@@ -18635,8 +18642,8 @@ nav[data-toggle=toc] .nav-link.active+ul{
}
.container-header .container-search {
flex: 0 0 auto;
min-width: 300px;
flex: 1 1 100%;
width: 100%;
margin-top: 0;
}
}