Instanfield CSS non responsive (not resizing well)

In this board you can talk about general questions about phpMyFAQ

Moderator: Thorsten

Post Reply
cdsaenz
Posts: 3
Joined: Sat Sep 14, 2013 2:59 pm

Instanfield CSS non responsive (not resizing well)

Post by cdsaenz » Sun Sep 15, 2013 11:27 pm

First of all thanks for the AMAZING concept and realization of the tool.
Just a thing I found, in the instant response input box the size is not scaling well when the browser screen is narrowed.
You are using input-xxlarge which makes lot of sense but somehow Bootstrap seems to like something more simple. I changed it in the code below from input-xxlarge to span12 and seems to be scaling up/down right.
This is a change I made in instantresponse.tpl but I made a similar one in index.tpl.

Code: Select all

<h2>{msgInstantResponse}</h2>

            <section class="well" id="searchBox">
                <form id="instantform" action="?action=instantresponse" method="post" class="form-search">
                    <input id="instantfield" type="search" name="search" value="{searchString}"
                           class="span12 search-query" placeholder="{msgDescriptionInstantResponse}"/>
                    <input id="ajaxlanguage" name="ajaxlanguage" type="hidden" value="{ajaxlanguage}" />
                </form>
            </section>

            <div id="instantresponse">
            {printInstantResponse}
            </div>

Post Reply

Who is online

Users browsing this forum: No registered users and 3 guests