taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

user Experience in filters

stable
Xavier Julián 2014-06-30 12:52:24 +02:00
parent 0ac71347b9
commit fcfc0a648e
4 changed files with 25 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/partials/views/modules/lightbox_add-sprint.jade
View File

@ -3,8 +3,8 @@ a.close(href="", title="close")
form
h2.title New Sprint
fieldset
input.sprint-name(ng-model="sprint.name", type="text", placeholder="sprint name", name="name", data-required="true")
label.last-sprint-name
input(ng-model="sprint.name", type="text", placeholder="sprint name", name="name", data-required="true")
fieldset.dates
input.date-start(tg-date-selector, ng-model="sprint.estimated_start", type="text", placeholder="Estimated Start", data-required="true")
input.date-end(tg-date-selector, ng-model="sprint.estimated_finish", type="text", placeholder="Estimated End", data-required="true")

1
app/styles/components/filter.scss
View File

@ -2,6 +2,7 @@
@extend %large;
@include clearfix;
@extend %title;
cursor: pointer;
display: block;
height: 32px;
margin-bottom: 1rem;

6
app/styles/modules/filters.scss
View File

@ -17,9 +17,13 @@
}
.filters {
form {
margin-bottom: 2rem;
.icon-search {
position: absolute;
right: .5rem;
top: .5rem;
}
}
}

50
app/styles/modules/lightbox.scss
View File

@ -1,12 +1,7 @@
.lightbox {
@include background-opacity($white, .9);
align-content: center;
align-items: center;
@include background-opacity($white, .95);
@include table-flex(center, center, flex, row, wrap, center);
bottom: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
left: 0;
position: fixed;
right: 0;
@ -37,11 +32,7 @@
.lightbox_add-new-us {
form {
flex-basis: 0;
flex-grow: 0;
flex-shrink: 0;
min-width: 600px;
width: 600px;
@include table-flex-child(0, 600px, 0, 600px);
}
fieldset {
position: relative;
@ -95,6 +86,7 @@
border: 1px solid $gray-light;
cursor: pointer;
display: block;
padding: 7px 30px;
}
.requirement,
.iocaine {
@ -133,11 +125,7 @@
.lightbox_add-bulk {
form {
flex-basis: 0;
flex-grow: 0;
flex-shrink: 0;
min-width: 600px;
width: 600px;
@include table-flex-child(0, 600px, 0, 600px);
}
textarea {
margin-bottom: 1rem;
@ -186,14 +174,20 @@
.lightbox_add-sprint {
form {
flex-basis: 0;
flex-grow: 0;
flex-shrink: 0;
min-width: 600px;
width: 600px;
@include table-flex-child(0, 600px, 0, 600px);
}
.sprint-name {
&:focus {
&+.last-sprint-name {
@include transition (opacity .3s linear);
opacity: 0;
}
}
}
.last-sprint-name {
@include transition (opacity .3s linear);
color: $gray;
opacity: 1;
position: absolute;
right: 1rem;
top: .5rem;
@ -214,11 +208,7 @@
.lightbox_confirm-delete {
form {
flex-basis: 0;
flex-grow: 0;
flex-shrink: 0;
min-width: 420px;
width: 420px;
@include table-flex-child(0, 420px, 0, 420px);
}
.delete-question,
.subtitle {
@ -243,11 +233,7 @@
.lightbox-generic-error {
section {
flex-basis: 0;
flex-grow: 0;
flex-shrink: 0;
min-width: 420px;
width: 420px;
@include table-flex-child(0, 420px, 0, 420px);
}
.delete-options {
@include table-flex();