add issue lightbox

stable
Xavier Julián 2014-06-30 18:41:24 +02:00
parent 4fb49575a5
commit d27643edef
4 changed files with 99 additions and 20 deletions

View File

@ -22,3 +22,5 @@ block content
include views/modules/issues-table
div.paginator.issues-paginator
//-Included paginator via JS
div.lightbox.lightbox_add-issue
include views/modules/lightbox_add-issue

View File

@ -0,0 +1,17 @@
fieldset.attachments
div.attachments-header
h3.attachments-title
span.icon.icon-attachment
span.attachments-num 1
span.attachments-text attachment
a.button.button-gray(href="", title="Add new attachment")
span + add attachment
div.attachment-body
- for(var x = 0; x < 1; x++)
div.single-attachment
div.attachment-name
span.icon.icon-document
a(href="", title="Attachment pefildeusuario.png") pefildeusuariopefildeusuariopefildeusuario.png
div.attachment-comment
span Comentario sobre el contenido
span.attachment-size (125kb.)

View File

@ -0,0 +1,38 @@
a.close(href="", title="close")
span.icon.icon-delete
form
h2.title Add Issue
fieldset
input(type="text", placeholder="Issue description")
div.fieldset-row
fieldset
select.type
option(value="Type") Type
fieldset
select.priority
option(value="priority") Priority
fieldset
select.severity
option(value="severity") Severity
//-
div.fieldset-row
fieldset
select.assigned-to
option(value="assigned-to") Assigned to
fieldset
select.status
option(value="status") Status
fieldset
input(type="checkbox", id="is-blocked")
label(for="is-blocked") is blocked?
fieldset
input(type="text", placeholder="Add tags")
fieldset
div.markdown-preview
a.edit.active(href="", title="Edit") Edit
a.preview(href="", title="Preview") Preview
textarea.description(placeholder="description")
div.description-preview.hidden
include lightbox-attachments
a.button.button-green(href="", title="Save")
span Create

View File

@ -30,6 +30,27 @@
}
}
.markdown-preview {
display: inline-block;
margin-bottom: .5rem;
a {
@extend %button;
@extend %small;
color: $gray-light;
padding: 3px 20px;
&:first-child {
border-right: 1px solid $gray-light;
}
&:hover {
color: $grayer;
@include transition(color .2s linear);
}
}
.active {
color: $grayer;
}
}
.lightbox_add-new-us {
form {
@include table-flex-child(0, 600px, 0, 600px);
@ -37,26 +58,6 @@
fieldset {
position: relative;
}
.markdown-preview {
display: inline-block;
margin-bottom: .5rem;
a {
@extend %button;
@extend %small;
color: $gray-light;
padding: 3px 20px;
&:first-child {
border-right: 1px solid $gray-light;
}
&:hover {
color: $grayer;
@include transition(color .2s linear);
}
}
.active {
color: $grayer;
}
}
textarea {
margin-bottom: 1rem;
max-height: 9rem;
@ -245,3 +246,24 @@
}
}
.lightbox_add-issue {
form {
@include table-flex-child(0, 600px, 0, 600px);
}
.fieldset-row {
@include table-flex();
fieldset {
@include table-flex-child(1, 100px, 0, 30%);
margin-right: .5rem;
&:last-child {
margin: 0;
}
}
}
textarea {
margin-bottom: 1rem;
max-height: 12rem;
min-height: 8rem;
}
}