From 196ba9709e8170a0b230c97e1301aafa03554028 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= Date: Fri, 6 Jun 2014 13:03:45 +0200 Subject: [PATCH] New Sprint Lightbox --- app/backlog.jade | 2 ++ app/styles/components/forms.scss | 38 ---------------------- app/styles/dependencies/forms.scss | 2 +- app/styles/modules/lightbox.scss | 32 ++++++++++++++++++ app/views/modules/lightbox_add-sprint.jade | 12 +++++++ 5 files changed, 47 insertions(+), 39 deletions(-) delete mode 100755 app/styles/components/forms.scss create mode 100644 app/views/modules/lightbox_add-sprint.jade diff --git a/app/backlog.jade b/app/backlog.jade index 3c231b1a..3f19ede2 100644 --- a/app/backlog.jade +++ b/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 diff --git a/app/styles/components/forms.scss b/app/styles/components/forms.scss deleted file mode 100755 index e78e84f4..00000000 --- a/app/styles/components/forms.scss +++ /dev/null @@ -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; -} diff --git a/app/styles/dependencies/forms.scss b/app/styles/dependencies/forms.scss index efaf5962..8c6a03f6 100644 --- a/app/styles/dependencies/forms.scss +++ b/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; diff --git a/app/styles/modules/lightbox.scss b/app/styles/modules/lightbox.scss index 5a37c05f..f719200a 100644 --- a/app/styles/modules/lightbox.scss +++ b/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%; + } + } + } +} diff --git a/app/views/modules/lightbox_add-sprint.jade b/app/views/modules/lightbox_add-sprint.jade new file mode 100644 index 00000000..4c213aa7 --- /dev/null +++ b/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 {{sprintname}} ;-) + 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