New Sprint Lightbox

app/backlog.jade

@@ -28,4 +28,6 @@ block content
         include views/modules/lightbox_add-new-us
     div.lightbox.lightbox_add-bulk
         include views/modules/lightbox_add-bulk
+    div.lightbox.lightbox_add-sprint
+        include views/modules/lightbox_add-sprint
 

app/styles/components/forms.scss

@@ -1,38 +0,0 @@
-fieldset {
-    border: none;
-}
-input[type="text"],
-input[type="password"],
-input[type="email"],
-textarea,
-select {
-    margin: 0;
-    width: 100%;
-    max-width: 100%;
-    display: block;
-}
-select {
-    padding: 0;
-}
-input[type="text"]:focus,
-input[type="password"]:focus,
-input[type="email"]:focus,
-textarea:focus {
-    border: 1px solid #aaa;
-    color: #444;
-    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
-    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
-    box-shadow:  0 0 3px rgba(0,0,0,.2);
-}
-textarea {
-    min-height: 60px;
-    resize: vertical;
-}
-label,
-legend {
-    display: block;
-    font-weight: bold;
-    font-size: 13px;  }
-input[type="checkbox"] {
-    display: inline;
-}

app/styles/dependencies/forms.scss

@@ -11,7 +11,7 @@ fieldset{
     }
 }
 
-input[type="text"], input[type="email"], select, textarea{
+input[type="text"], input[type="email"], input[type="date"], select, textarea{
     font-family: 'ostrichSans';
     @extend .large;
     padding: 8px;

app/styles/modules/lightbox.scss

@@ -43,6 +43,9 @@
         flex-shrink: 0;
         flex-basis: 0;
     }
+    fieldset {
+        position: relative;
+    }
     .markdown-preview {
         margin-bottom: .5rem;
         display: inline-block;
@@ -142,3 +145,32 @@
         margin-bottom: 1rem;
     }
 }
+
+.lightbox_add-sprint {
+    display: none;
+    form {
+        width: 600px;
+        min-width: 600px;
+        flex-grow: 0;
+        flex-shrink: 0;
+        flex-basis: 0;
+    }
+    .last-sprint-name {
+        position: absolute;
+        top: .5rem;
+        right: 1rem;
+        color: $gray;
+    }
+    .dates {
+        margin-bottom: 1rem;
+        input {
+            width: 49%;
+            float: left;
+            margin-right: 1%;
+            &:last-child {
+                margin: 0;
+                width: 50%;
+            }
+        }
+    }
+}

app/views/modules/lightbox_add-sprint.jade

@@ -0,0 +1,12 @@
+a.close(href="", title="close")
+    span.icon.icon-delete
+form
+    h2.title New Sprint
+    fieldset
+        label.last-sprint-name last sprint is <strong> {{sprintname}} ;-) </strong>
+        input(type="text", placeholder="sprint name")
+    fieldset.dates
+        input.date-start(type="text", placeholder="Estimated Start")
+        input.date-end(type="text", placeholder="Estimated End")
+    a.button.button-green(href="", title="Save")
+        span Create