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

Fixed backlog table

stable
Xavier Julián 2014-06-30 09:56:03 +02:00
parent f7ecb95485
commit 11547946a4
8 changed files with 42 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/partials/us-detail.jade
View File

@ -80,7 +80,7 @@ block content
a.avatar(href="", title="Assigned to")
img(src="http://thecodeplayer.com/u/uifaces/32.jpg", alt="username")
a.watcher-name(href="", title="Jesús Espino") Jesús Espino
section.us-settings
section.us-detail-settings
a.button.button-gray(href="", title="Client requirement") Client requirement
a.button.button-gray(href="", title="Team requirement") Team requirement
a.button.button-red(href="", title="Block") Block

1
app/partials/views/components/addnewus.jade
View File

@ -1,4 +1,5 @@
div.new-us
div.new-us-inner
a.button.button-green(href="", ng-click="ctrl.addNewUs('standard')", title="Add New US")
span.text + Add new US
a.button.button-bulk(href="", ng-click="ctrl.addNewUs('bulk')", title="Bulk")

3
app/styles/components/buttons.scss
View File

@ -19,7 +19,7 @@
@extend %title;
@include transition (background .3s linear);
display: inline-block;
padding: 8px 40px;
padding: 7px 40px 6px;
text-transform: uppercase;
&:hover {
@include transition (background .3s linear);
@ -34,6 +34,7 @@
.button-green {
background: $green-taiga;
vertical-align: middle;
&:hover {
background: $fresh-taiga;
}

4
app/styles/layout/backlog.scss
View File

@ -1,8 +1,12 @@
.backlog {
.new-us {
@include clearfix;
margin-bottom: 2rem;
.new-us-inner {
float: right;
}
}
}
.backlog-menu {
@include clearfix;

2
app/styles/layout/us-detail.scss
View File

@ -224,7 +224,7 @@
}
}
.us-settings {
.us-detail-settings {
margin-top: 2rem;
.button {
color: $white;

40
app/styles/modules/backlog-table.scss
View File

@ -4,14 +4,12 @@
width: 100%;
.row {
@include table-flex();
@extend %small;
border-bottom: 1px solid $gray-light;
padding: 1rem 0 1rem 1rem;
text-align: left;
width: 100%;
}
.row { //Previously table-main
@extend %small;
border-bottom: 1px solid $gray-light;
}
.backlog-table-title,
.backlog-table-subtitle,
.row {
@ -76,11 +74,13 @@
.backlog-table-body {
.row {
position: relative;
&:hover {
@include transition (background .2s ease-in);
background: lighten($green-taiga, 60%);
.us-settings {
@include transition (opacity .2s ease-in);
.us-settings,
.icon-drag-v {
@include transition (all .2s ease-in);
opacity: 1;
}
}
@ -92,7 +92,8 @@
.user-story-name {
flex-basis: 500px;
input {
vertical-align: top;
margin-right: 1rem;
vertical-align: middle;
}
span {
display: inline-block;
@ -101,13 +102,6 @@
text-overflow: ellipsis;
white-space: nowrap;
}
.icon {
color: $gray-light;
&:hover {
color: $grayer;
@include transition (color .3s linear);
}
}
}
.user-story-tags {
display: none;
@ -141,10 +135,26 @@
margin: .5rem 0;
width: 100%;
}
.us-settings a,
.icon-drag-v {
@include transition (all .2s ease-in);
@extend %large;
color: $gray-light;
&:hover {
@include transition (all .2s ease-in);
color: $grayer;
}
}
.us-settings {
float: right;
margin-right: 2rem;
opacity: 0;
@include transition (opacity .2s ease-in);
}
.icon-drag-v {
cursor: move;
opacity: 0;
position: absolute;
right: .5rem;
top: 1rem;
}
}

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

@ -96,7 +96,8 @@
cursor: pointer;
display: block;
}
.requirement, .iocaine {
.requirement,
.iocaine {
&:hover {
@include transition(all .2s ease-in);
background: $fresh-taiga;

2
gulpfile.coffee
View File

@ -87,7 +87,7 @@ gulp.task "template", ->
.pipe(gulp.dest(paths.dist))
gulp.task "scsslint", ->
gulp.src(paths.scssStyles, '!app/styles/bourbon/**/*.scss')
gulp.src([paths.scssStyles, '!app/styles/bourbon/**/*.scss'])
.pipe(cache("scsslint"))
.pipe(scsslint({
config: "scsslint.yml"