(bug 38686) Autocompletion support
Provide atocopletion capabilities to the search box: showing the remaining part of the matching element and allow user selection with keyboard. Change-Id: Ic591c3c87632fb56af16b9b15ecedbf9558d674a
This commit is contained in:
committed by
Santhosh Thottingal
parent
5b055bdf5b
commit
d8038afad9
@@ -9,7 +9,7 @@
|
||||
display: none;
|
||||
min-width: 715px;
|
||||
margin-top: 1px;
|
||||
width:45%;
|
||||
width: 45%;
|
||||
/* Styling */
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #ccc;
|
||||
@@ -120,13 +120,9 @@ input#languagefilter {
|
||||
-moz-transition: all 0.15s linear 0s;
|
||||
border-radius: 2px 2px 2px 2px;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
|
||||
color: #777;
|
||||
color: #333;
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
height: 32px;
|
||||
padding: 6px;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
background-color: transparent;
|
||||
}
|
||||
input:focus#languagefilter {
|
||||
border: 1px solid #08C;
|
||||
@@ -157,3 +153,27 @@ span.clear-button {
|
||||
width: 32px;
|
||||
margin-left: -32px;
|
||||
}
|
||||
|
||||
.filterinput {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
font-size: 14px;
|
||||
height: 32px;
|
||||
padding: 6px;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#filtersuggestion {
|
||||
background-color: white;
|
||||
color: #888;
|
||||
border: 1px transparent;
|
||||
border-radius: 2px 2px 2px 2px;
|
||||
box-shadow: 0 1px 2px transparent inset;
|
||||
left: 1px;
|
||||
}
|
||||
|
||||
#search-input-block {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user