From: Belen <[email protected]> This commit creates a bootstrap3-transition.css file to store the changes needed for the Boostrap 3 migration.
The first addition to that css file is some adjustments to the top bar layout. Also change the .container classes to .container-fluid, since we will be using the Boostrap responsive layout. Signed-off-by: Belen <[email protected]> --- .../toaster/toastergui/static/css/bootstrap3-transition.css | 13 +++++++++++++ bitbake/lib/toaster/toastergui/templates/base.html | 5 +++-- 2 files changed, 16 insertions(+), 2 deletions(-) create mode 100644 bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css diff --git a/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css b/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css new file mode 100644 index 0000000..d3297e3 --- /dev/null +++ b/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css @@ -0,0 +1,13 @@ +/* Changes to the top bar. Template: base.html */ + +.navbar .brand { + padding: 5px 20px; +} + +.logo { + padding-top: 2px !important; +} + +.navbar .btn-group .btn#new-project-button { + margin-top: 5px; +} diff --git a/bitbake/lib/toaster/toastergui/templates/base.html b/bitbake/lib/toaster/toastergui/templates/base.html index c770668..60ab68e 100644 --- a/bitbake/lib/toaster/toastergui/templates/base.html +++ b/bitbake/lib/toaster/toastergui/templates/base.html @@ -12,6 +12,7 @@ <link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}" type='text/css'/> <link rel="stylesheet" href="{% static 'css/prettify.css' %}" type='text/css'/> <link rel="stylesheet" href="{% static 'css/default.css' %}" type='text/css'/> + <link rel="stylesheet" href="{% static 'css/bootstrap3-transition.css' %}" type='text/css' /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> @@ -72,7 +73,7 @@ <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> - <div class="container"> + <div class="container-fluid"> <a class="brand logo" href="#"><img src="{% static 'img/logo.png' %}" class="" alt="Yocto logo project"/></a> <span class="brand"> <a href="/">Toaster</a> @@ -116,7 +117,7 @@ </div> </div> - <div class="container top-padded"> + <div class="container-fluid top-padded"> <div class="row"> {% block pagecontent %} {% endblock %} -- 1.9.1 -- _______________________________________________ toaster mailing list [email protected] https://lists.yoctoproject.org/listinfo/toaster
