[ticket/10737] Use dropdown for search results container.

PHPBB3-10737
This commit is contained in:
Cesar G 2014-04-08 03:53:08 -07:00
parent a60d9a7f86
commit 652f787abd
3 changed files with 17 additions and 19 deletions

View file

@ -7,14 +7,19 @@
<p>{L_FIND_USERNAME_EXPLAIN}</p>
<fieldset class="fields1 column1">
<dl>
<dl style="overflow: visible;">
<dt><label for="username">{L_USERNAME}{L_COLON}</label></dt>
<dd><input type="text" name="username" id="username" value="{USERNAME}" class="inputbox live-search-input" autocomplete="off" />
<table class="table1 zebra-list" id="livesearch">
<tr id="user-search-row-tpl" style="display: none;">
<td><a class="user-search-link user-search-name" ></a></td>
</tr>
</table>
<dd>
<input type="text" name="username" id="username" value="{USERNAME}" class="inputbox" autocomplete="off" data-filter="phpbb.search.filter" data-ajax="member_search" data-min-length="3" data-url="{U_LIVE_SEARCH}" data-results="#user-search" />
<div class="dropdown-container">
<div class="dropdown live-search hidden" id="user-search">
<div class="pointer"><div class="pointer-inner"></div></div>
<ul class="dropdown-contents search-results">
<li class="search-result-tpl"><span class="search-result"></span></li>
</ul>
</div>
</div>
</dd>
</dl>
<!-- IF S_EMAIL_SEARCH_ALLOWED -->

View file

@ -472,6 +472,10 @@ ul.linklist.bulletin li.no-bulletin:before {
padding: 9px 0 0;
}
.dropdown.live-search {
top: auto;
}
.dropdown-container.topic-tools {
float: left;
}
@ -940,17 +944,6 @@ li.pagination ul {
z-index: 51;
}
/* Live search box */
#livesearch {
width: 30%;
margin: 0px;
position: absolute;
background-color: #12A3EB;
box-shadow: 1px 2px 5px rgb(175,167,167);
z-index: 999;
overflow: auto;
}
/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {

View file

@ -96,7 +96,7 @@ fieldset.fields1 div {
}
/* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */
fieldset.fields1 #recaptcha_widget_div div {
fieldset.fields1 #recaptcha_widget_div div, fieldset.fields1 .live-search div {
margin-bottom: 0;
}