diff --git a/app/backlog.jade b/app/backlog.jade index 605aa139..3c231b1a 100644 --- a/app/backlog.jade +++ b/app/backlog.jade @@ -26,3 +26,6 @@ block content include views/modules/sprints div.lightbox.lightbox_add-new-us include views/modules/lightbox_add-new-us + div.lightbox.lightbox_add-bulk + include views/modules/lightbox_add-bulk + diff --git a/app/styles/modules/lightbox.scss b/app/styles/modules/lightbox.scss index 270c32f2..5a37c05f 100644 --- a/app/styles/modules/lightbox.scss +++ b/app/styles/modules/lightbox.scss @@ -35,6 +35,7 @@ } .lightbox_add-new-us{ + display: none; form { width: 600px; min-width: 600px; @@ -42,6 +43,26 @@ flex-shrink: 0; flex-basis: 0; } + .markdown-preview { + margin-bottom: .5rem; + display: inline-block; + a { + @extend .small; + color: $grayLight; + @extend .button; + padding: 3px 20px; + &:first-child { + border-right: 1px solid $grayLight; + } + &:hover { + color: $grayer; + @include transition(color .2s linear); + } + } + .active { + color: $grayer; + } + } textarea { min-height: 7rem; max-height: 9rem; @@ -105,3 +126,19 @@ } } } + +.lightbox_add-bulk { + display: none; + form { + width: 600px; + min-width: 600px; + flex-grow: 0; + flex-shrink: 0; + flex-basis: 0; + } + textarea { + min-height: 15rem; + max-height: 12rem; + margin-bottom: 1rem; + } +} diff --git a/app/views/modules/lightbox_add-bulk.jade b/app/views/modules/lightbox_add-bulk.jade new file mode 100644 index 00000000..8ed503c5 --- /dev/null +++ b/app/views/modules/lightbox_add-bulk.jade @@ -0,0 +1,8 @@ +a.close(href="", title="close") + span.icon.icon-delete +form + h2.title New Bulk + fieldset + textarea(placeholder="One user story per line") + a.button.button-green(href="", title="Save") + span Create diff --git a/app/views/modules/lightbox_add-new-us.jade b/app/views/modules/lightbox_add-new-us.jade index f447468c..70485679 100644 --- a/app/views/modules/lightbox_add-new-us.jade +++ b/app/views/modules/lightbox_add-new-us.jade @@ -11,7 +11,10 @@ form fieldset input(type="text", placeholder="Tags") fieldset - textarea + div.markdown-preview + a.active(href="", title="Edit") Edit + a(href="", title="Preview") Preview + textarea(placeholder="One user story per line") div.new-us-settings fieldset label.requirement(for="team-requirement") Team Requirement @@ -23,4 +26,4 @@ form label.blocked(for="blocked-us") Blocked input(type="checkbox", name="blocked-us", id="blocked-us") a.button.button-green(href="", title="Save") - span Save + span Create