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") a.avatar(href="", title="Assigned to")
img(src="http://thecodeplayer.com/u/uifaces/32.jpg", alt="username") img(src="http://thecodeplayer.com/u/uifaces/32.jpg", alt="username")
a.watcher-name(href="", title="Jesús Espino") Jesús Espino 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="Client requirement") Client requirement
a.button.button-gray(href="", title="Team requirement") Team requirement a.button.button-gray(href="", title="Team requirement") Team requirement
a.button.button-red(href="", title="Block") Block a.button.button-red(href="", title="Block") Block

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

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

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

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

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

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

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

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

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

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

2
gulpfile.coffee
View File

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