[BUG] proper format for the search bar

[alkock]

Describe the bug

if you use the search bar, it occurs under certain system conditions that texts are not displayed completely.

To reproduce

Using a placeholder text >20 characters in the search bar.

Expected behavior

The text should be shown properly in full size

Screenshots

This is the demowebsite using the text: 'This is a Text that is very long' (32 chars)

Host environment

Please complete the following information where applicable.

• Hinode version: 0.23.6
• Host OS: macOS Sonoma 14.4.1 on 13,3" (2560px x 1600px)
• Node version: v18.20.0
• Browser: Google Chrome 123.0.6312.107 (Official Build) (arm64)

Additional context

The problem is extracted here The problem occurs in production here

[markdumay]

I have revised the underlying behavior of the search input in Hinode v0.23.8. By default, the max-width of the search input is set to 20rem. You can now override this setting by adding the following code to assets/scss/theme/theme.scss:

@include media-breakpoint-up(md) {
    .search {
        // use unset to fill up all available space
        // max-width: unset !important;
        // override max-width to any size
        max-width: 30rem !important;
    }
}

[markdumay]

Release v0.23.9 removes some unwanted vertical margins around the search input.

[alkock]

That works, Thank you!