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

Search input fills module width, button auto-sized

Browse Source 
Input and awesomplete wrapper get flex: 1 to fill all available
space. Submit button gets flex: 0 0 auto to shrink to content.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jonathan Miller
2026-04-07 18:30:25 -05:00
parent c99eba5c01
commit 541e0e5d81
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -18576,6 +18576,7 @@ nav[data-toggle=toc] .nav-link.active+ul{
/* Enhanced search button styling */ /* Enhanced search button styling */
.mod-finder__search.input-group button, .mod-finder__search.input-group button,
.container-search button[type="submit"] { .container-search button[type="submit"] {
flex: 0 0 auto;
background-color: var(--color-primary, #112855); background-color: var(--color-primary, #112855);
color: var(--mainmenu-nav-link-color, #fff); color: var(--mainmenu-nav-link-color, #fff);
border-color: var(--color-primary, #112855); border-color: var(--color-primary, #112855);
@@ -18614,6 +18615,13 @@ nav[data-toggle=toc] .nav-link.active+ul{
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
} }
.container-search .form-control,
.container-search .awesomplete,
.container-search .awesomplete input {
flex: 1 1 0%;
min-width: 0;
}
.container-search .form-control, .container-search .form-control,
.container-search .awesomplete input { .container-search .awesomplete input {
border-right: none; border-right: none;