For tables using toaster tables, make the bottom pagination and 'show rows' controls play nice with Bootstrap 3.
Signed-off-by: Belen Barros Pena <[email protected]> --- .../lib/toaster/toastergui/static/css/default.css | 2 ++ .../toaster/toastergui/templates/toastertable.html | 23 +++++++++++----------- 2 files changed, 14 insertions(+), 11 deletions(-) diff --git a/bitbake/lib/toaster/toastergui/static/css/default.css b/bitbake/lib/toaster/toastergui/static/css/default.css index b6a584b..3790f9c 100644 --- a/bitbake/lib/toaster/toastergui/static/css/default.css +++ b/bitbake/lib/toaster/toastergui/static/css/default.css @@ -49,6 +49,8 @@ img.logo { height: 30px; vertical-align: bottom; } .dropdown-menu.editcol { padding-left: 10px; min-width: 180px; } span[class^="remove-search-btn-"] { position: absolute; right: 5px; top: 0; bottom: 0; height: 14px; margin: auto; font-size: 14px; cursor: pointer; color: #777;} span[class^="remove-search-btn-"]:hover { color: #333; } +[id^="pagination-"] .pagination, +[id^="pagination-"] .navbar-form { margin-top: 0; } /* Override the default font-weight for labels: it's a bit too much */ label { font-weight: normal; } diff --git a/bitbake/lib/toaster/toastergui/templates/toastertable.html b/bitbake/lib/toaster/toastergui/templates/toastertable.html index 3419862..131b0b8 100644 --- a/bitbake/lib/toaster/toastergui/templates/toastertable.html +++ b/bitbake/lib/toaster/toastergui/templates/toastertable.html @@ -102,15 +102,16 @@ <ul class="pagination"> </ul> - <div class="pull-right"> - <span class="help-inline">Show rows:</span> - <select class="pagesize-{{table_name}}"> - {% with "10 25 50 100 150" as list%} - {% for i in list.split %} - <option value="{{i}}">{{i}}</option> - {% endfor %} - {% endwith %} - </select> - </div> + <form class="navbar-form navbar-right"> + <div class="form-group"> + <label>Show rows:</label> + <select class="form-control pagesize-{{table_name}}"> + {% with "10 25 50 100 150" as list%} + {% for i in list.split %} + <option value="{{i}}">{{i}}</option> + {% endfor %} + {% endwith %} + </select> + </div> + </form> </div> -</div> -- 1.9.1 -- _______________________________________________ toaster mailing list [email protected] https://lists.yoctoproject.org/listinfo/toaster
