bitbake: toaster: adjust the search field width
The search field at the top of our tables was using one of the Bootstrap classes for text field sizing. Those classes are a bit rigid, resulting in text fields too wide that made other table controls wrap. Setting a maximum width to the search form using one of the span classes, combined with a % width css declaration, make for text fields that adapt a bit better to the horizontal space available in each table. (Bitbake rev: 7833fab2e03f2d9a01ab9ad0a13c190382098b5e) Signed-off-by: Belen Barros Pena <belen.barros.pena@intel.com> Signed-off-by: Elliot Smith <elliot.smith@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
This commit is contained in:
parent
a97081ba55
commit
25b179d5c3
|
@ -114,6 +114,7 @@ th > a, th > span { font-weight: normal; }
|
|||
/* Styles for the navbar actions */
|
||||
.btn-group + .btn-group { margin-right: 10px; }
|
||||
.navbar-inner > .btn-group { margin-top: 6px; }
|
||||
[id^="search-input-"], #search { width: 80%; }
|
||||
|
||||
/* Styles for the parent item in the left navigation */
|
||||
|
||||
|
|
|
@ -161,8 +161,8 @@
|
|||
<!-- control header -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<form class="navbar-search input-append pull-left" id="searchform">
|
||||
<input class="input-xxlarge" id="search" name="search" type="text" placeholder="Search {%if object_search_display %}{{object_search_display}}{%else%}{{objectname}}{%endif%}" value="{%if request.GET.search %}{{request.GET.search}}{% endif %}"/>{% if request.GET.search %}<a href="javascript:$('#search').val('');searchform.submit()" class="add-on btn" tabindex="-1"><i class="icon-remove"></i></a>{%endif%}
|
||||
<form class="navbar-search input-append pull-left span6" id="searchform">
|
||||
<input id="search" name="search" type="text" placeholder="Search {%if object_search_display %}{{object_search_display}}{%else%}{{objectname}}{%endif%}" value="{%if request.GET.search %}{{request.GET.search}}{% endif %}"/>{% if request.GET.search %}<a href="javascript:$('#search').val('');searchform.submit()" class="add-on btn" tabindex="-1"><i class="icon-remove"></i></a>{%endif%}
|
||||
<input type="hidden" name="orderby" value="{{request.GET.orderby}}">
|
||||
<input type="hidden" name="page" value="1">
|
||||
<button class="btn" id="search-button" type="submit" value="Search">Search</button>
|
||||
|
|
|
@ -46,9 +46,9 @@
|
|||
<!-- control header -->
|
||||
<div class="navbar" id="table-chrome-{{table_name}}">
|
||||
<div class="navbar-inner">
|
||||
<div class="navbar-search input-append pull-left">
|
||||
<div class="navbar-search input-append pull-left span6">
|
||||
|
||||
<input class="input-xxlarge" id="search-input-{{table_name}}" name="search" type="text" placeholder="Search {{title|lower}}" value="{%if request.GET.search%}{{request.GET.search}}{%endif%}"/>
|
||||
<input id="search-input-{{table_name}}" name="search" type="text" placeholder="Search {{title|lower}}" value="{%if request.GET.search%}{{request.GET.search}}{%endif%}"/>
|
||||
<a href="#" style="display:none" class="add-on btn remove-search-btn-{{table_name}}" tabindex="-1">
|
||||
<i class="icon-remove"></i>
|
||||
</a>
|
||||
|
|
Loading…
Reference in New Issue