Including the modal dialogs. Setting everything as per the Bootstrap 3 grid rules.
Signed-off-by: Belen Barros Pena <[email protected]> --- .../toaster/toastergui/static/css/bootstrap3-transition.css | 11 +++++++++++ bitbake/lib/toaster/toastergui/templates/configvars.html | 13 +++++++------ 2 files changed, 18 insertions(+), 6 deletions(-) diff --git a/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css b/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css index ebc0561..cbd9b75 100644 --- a/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css +++ b/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css @@ -105,3 +105,14 @@ fieldset[disabled] .btn-primary:hover { .navbar-search.input-append { margin-bottom: 20px; } + +/* Modal dialogs */ + +.modal-dialog { + width: 700px; +} + +.modal-body { + overflow-y: scroll; + max-height: 350px; +} diff --git a/bitbake/lib/toaster/toastergui/templates/configvars.html b/bitbake/lib/toaster/toastergui/templates/configvars.html index fa6ed0f..aeb3cb8 100644 --- a/bitbake/lib/toaster/toastergui/templates/configvars.html +++ b/bitbake/lib/toaster/toastergui/templates/configvars.html @@ -12,7 +12,7 @@ {% block buildinfomain %} <!-- page title --> -<div class="row col-md-10"> +<div class="col-md-10"> <div class="page-header"> <h1> {% if request.GET.filter and objects.paginator.count > 0 or request.GET.search and objects.paginator.count > 0 %} @@ -24,10 +24,9 @@ {%endif%} </h1> </div> -</div> <!-- configuration table --> -<div class="row pull-right col-md-10" id="navTab"> +<div id="navTab"> <ul class="nav nav-pills"> <li class=""><a href="{% url 'configuration' build.id %}">Summary</a></li> <li class="active"><a href="#" >BitBake variables</a></li> @@ -78,7 +77,7 @@ <!-- file list popups --> {% for variable in objects %} {% if variable.vhistory.count %} - <div id="variable-{{variable.pk}}" class="modal hide fade" tabindex="-1" role="dialog"> + <div id="variable-{{variable.pk}}" class="modal in fade" tabindex="-1" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> @@ -98,10 +97,10 @@ <span>{{variable.variable_value|string_slice:':570'}} <span class="full"> {{variable.variable_value|string_slice:'570:'}} </span> - <a class="btn btn-xs full-show">...</a> + <a class="btn btn-mini full-show">...</a> </span> </p> - <a class="btn btn-xs full-hide">Collapse variable value <i class="icon-caret-up"></i> + <a class="btn btn-mini full-hide">Collapse variable value <i class="icon-caret-up"></i> </a> {% endif %} {% else %} @@ -134,4 +133,6 @@ </div> <!-- buildinfomain --> +</div> <!-- end 10-column section --> + {% endblock %} -- 1.9.1 -- _______________________________________________ toaster mailing list [email protected] https://lists.yoctoproject.org/listinfo/toaster
