Make the necessary changes to the "new project" form so that is displays correctly with Bootstrap 3.
Signed-off-by: Belen Barros Pena <belen.barros.p...@linux.intel.com> --- .../lib/toaster/toastergui/static/css/default.css | 4 +++- .../toaster/toastergui/templates/newproject.html | 26 ++++++++++------------ 2 files changed, 15 insertions(+), 15 deletions(-) diff --git a/bitbake/lib/toaster/toastergui/static/css/default.css b/bitbake/lib/toaster/toastergui/static/css/default.css index 7da8ce9..efcb9f8 100644 --- a/bitbake/lib/toaster/toastergui/static/css/default.css +++ b/bitbake/lib/toaster/toastergui/static/css/default.css @@ -239,4 +239,6 @@ code { color: #333; background-color: transparent; } .alert-success.change-notification { -webkit-box-shadow: 0 0 10px #3c763d; -moz-box-shadow: 0 0 10px #3c763d; box-shadow: 0 0 10px #3c763d; } - +/* Style the new project form */ +#new-project-name { width: 33%; } +#projectversion { width: 20%; margin-bottom: 10px; } diff --git a/bitbake/lib/toaster/toastergui/templates/newproject.html b/bitbake/lib/toaster/toastergui/templates/newproject.html index e9e07cf..2cfecf8 100644 --- a/bitbake/lib/toaster/toastergui/templates/newproject.html +++ b/bitbake/lib/toaster/toastergui/templates/newproject.html @@ -11,18 +11,16 @@ <h1>Create a new project</h1> </div> {% if alert %} - <div class="alert alert-error" role="alert">{{alert}}</div> + <div class="alert alert-danger" role="alert">{{alert}}</div> {% endif %} <form method="POST">{% csrf_token %} - <fieldset id="validate-project-name"> - <label>Project name <span class="muted">(required)</span></label> - <div> - <input type="text" class="input-xlarge" required id="new-project-name" name="projectname"> - <p class="help-block error" style="display: none;" id="hint-error-project-name">A project with this name exists. Project names must be unique.</p> - </div> - </fieldset> + <div class="form-group" id="validate-project-name"> + <label class="control-label">Project name <span class="text-muted">(required)</span></label> + <input type="text" class="form-control" required id="new-project-name" name="projectname"> + </div> + <p class="help-block text-danger" style="display: none;" id="hint-error-project-name">A project with this name exists. Project names must be unique.</p> <!-- <fieldset> <label class="project-form">Project type</label> @@ -35,13 +33,13 @@ <input type="hidden" name="ptype" value="build" /> {% if releases.count > 0 %} - <fieldset class="release"> + <div class="release form-group"> {% if releases.count > 1 %} - <label class="project-form"> + <label class="control-label"> Release - <i class="icon-question-sign get-help" title="The version of the build system you want to use"></i> + <span class="glyphicon glyphicon-question-sign get-help" title="The version of the build system you want to use"></span> </label> - <select name="projectversion" id="projectversion"> + <select name="projectversion" id="projectversion" class="form-control"> {% for release in releases %} <option value="{{release.id}}" {%if defaultbranch == release.name %} @@ -64,8 +62,8 @@ </div> </fieldset> {% endif %} - <div class="air"> - <input type="submit" id="create-project-button" class="btn btn-primary btn-large" value="Create project"/> + <div class="top-air"> + <input type="submit" id="create-project-button" class="btn btn-primary btn-lg" value="Create project"/> <span class="help-inline" style="vertical-align:middle;">To create a project, you need to enter a project name</span> </div> -- 1.9.1 -- _______________________________________________ toaster mailing list toaster@yoctoproject.org https://lists.yoctoproject.org/listinfo/toaster