Search field size
Permalink Browser Info Environment
I am trying to make my enhanced user list a bit mobile-friendlier, and I was wondering which file I would look in to adjust the size of the search box? It currently runs off the page when the phone is in portrait mode, and I want to lessen horizontal scrolling. Tried looking in controllers, models, CSS files, but to no avail.
Thank you. You've always been a great help, Steve!
Thank you. You've always been a great help, Steve!
| Type: | Discussion |
|---|---|
| Status: | New |
> I am trying to make my enhanced user list a bit mobile-friendlier,
> and I was wondering which file I would look in to adjust the size
> of the search box?
You should be able to target the input field via CSS with something like...
form.pmw-eul-SearchForm input {
width: 200px;
}
IOW, the search form is assigned a class of "pmw-eul-SearchForm" and the input element (text input field) is contained within the form. You could target the button in a similar fashion like so...
form.pmw-eul-SearchForm button {
margin-left: 10px;
}
The CSS can be part of a block-specific template (as with the included sample templates), or it can reside in your site's main CSS file. Just make sure you use enough specificity to target the element. Check out the CSS for the "ordered_list_sample" that's installed with the package.
Hope that helps,
-Steve