Our suggestions needed some padding, hovering states and a bit more space to display.
Signed-off-by: Belen Barros Pena <[email protected]> --- .../static/css/bootstrap3-transition.css | 27 ++++++++++++++++++++++ .../lib/toaster/toastergui/templates/project.html | 2 +- .../toastergui/templates/projecttopbar.html | 2 +- 3 files changed, 29 insertions(+), 2 deletions(-) diff --git a/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css b/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css index f8a5f9d..f3ddbe2 100644 --- a/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css +++ b/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css @@ -111,3 +111,30 @@ fieldset[disabled] .btn-primary:hover { overflow-y: scroll; max-height: 350px; } + +/* Typeahead */ + +.tt-menu { + width: 120%; + padding: 10px 8px; +} + +.tt-suggestion { + padding: 3px 8px; + cursor: pointer; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.tt-suggestion.active, +.tt-suggestion:hover { + background-color: #0081c2; + color: white; +} + +/* Build form */ + +#build-input { + width: 20em; +} diff --git a/bitbake/lib/toaster/toastergui/templates/project.html b/bitbake/lib/toaster/toastergui/templates/project.html index 94c5a47..045a89f 100644 --- a/bitbake/lib/toaster/toastergui/templates/project.html +++ b/bitbake/lib/toaster/toastergui/templates/project.html @@ -123,7 +123,7 @@ <div class="col-lg-ff6"> <div class="input-append"> - <input id="layer-add-input" autocomplete="off" placeholder="Type a layer name" data-minlength="1" data-autocomplete="off" data-provide="typeahead" data-source="" type="text"> + <input id="layer-add-input" class="input-xlarge" autocomplete="off" placeholder="Type a layer name" data-minlength="1" data-autocomplete="off" data-provide="typeahead" data-source="" type="text"> <button id="add-layer-btn" class="btn" disabled>Add</button> </div> </div> diff --git a/bitbake/lib/toaster/toastergui/templates/projecttopbar.html b/bitbake/lib/toaster/toastergui/templates/projecttopbar.html index 1cf59a5..d619516 100644 --- a/bitbake/lib/toaster/toastergui/templates/projecttopbar.html +++ b/bitbake/lib/toaster/toastergui/templates/projecttopbar.html @@ -70,7 +70,7 @@ <form class="form-inline" style="margin-bottom:0px;"> <i class="icon-question-sign get-help heading-help" data-placement="left" title="" data-original-title="Type the name of one or more recipes you want to build, separated by a space. You can also specify a task by appending a colon and a task name to the recipe name, like so: <code>busybox:clean</code>"></i> <div class="input-append"> - <input id="build-input" type="text" class="huge input-xlarge build-target-input" placeholder="Type the recipe you want to build" autocomplete="off" disabled> + <input id="build-input" type="text" class="huge build-target-input" placeholder="Type the recipe you want to build" autocomplete="off" disabled> <button id="build-button" class="btn btn-primary btn-large build-button" data-project-id="{{project.id}}" disabled>Build</button> </div> </form> -- 1.9.1 -- _______________________________________________ toaster mailing list [email protected] https://lists.yoctoproject.org/listinfo/toaster
