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

Reply via email to