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

Minor backlog fixes

stable
Xavier Julián 2014-06-11 14:12:26 +02:00
parent 4cb150c2d6
commit 507747be7c
2 changed files with 23 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/partials/views/modules/backlog-table.jade
View File

@ -65,6 +65,7 @@ section.backlog-table
a(href="", title="Status 2") Status 2 a(href="", title="Status 2") Status 2
li li
a(href="", title="Status 3") Status 3 a(href="", title="Status 3") Status 3
a.icon.icon-drag-v(href="", title="Drag")
hr.doom-line hr.doom-line
- for (var x = 0; x < 50; x++) - for (var x = 0; x < 50; x++)
div.row.table-main div.row.table-main

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

@ -4,12 +4,12 @@
.row { .row {
@include table-flex(); @include table-flex();
padding: 1rem 0 1rem 1rem; padding: 1rem 0 1rem 1rem;
position: relative;
text-align: left; text-align: left;
width: 100%; width: 100%;
&:hover { &:hover {
background: lighten($green-taiga, 60%); background: lighten($green-taiga, 60%);
@include transition (background .2s ease-in); @include transition (background .2s ease-in);
cursor: move;
.us-settings { .us-settings {
opacity: 1; opacity: 1;
@include transition (opacity .2s ease-in); @include transition (opacity .2s ease-in);
@ -33,6 +33,7 @@
white-space: nowrap; white-space: nowrap;
} }
.icon { .icon {
@extend %medium;
color: $gray-light; color: $gray-light;
&:hover { &:hover {
color: $grayer; color: $grayer;
@ -51,9 +52,6 @@
.backlog-table-header, .backlog-table-header,
.sub-title, .sub-title,
.table-main { .table-main {
&:hover {
background: transparent;
}
.user-stories { .user-stories {
@include table-flex-child(20, 100px, 0, 0); @include table-flex-child(20, 100px, 0, 0);
} }
@ -64,6 +62,12 @@
@include table-flex-child(1, 100px, 0, 0); @include table-flex-child(1, 100px, 0, 0);
} }
} }
.backlog-table-header,
.sub-title {
&:hover {
background: transparent;
}
}
.sub-title { .sub-title {
@extend %small; @extend %small;
background: $whitish; background: $whitish;
@ -87,7 +91,6 @@
&:hover { &:hover {
background: $red; background: $red;
@include transition (background .2s ease-in); @include transition (background .2s ease-in);
cursor: move;
} }
a { a {
color: $white; color: $white;
@ -96,6 +99,7 @@
} }
} }
.icon { .icon {
@extend %medium;
color: $white; color: $white;
&:hover { &:hover {
color: $white; color: $white;
@ -137,4 +141,17 @@
opacity: 0; opacity: 0;
@include transition (opacity .2s ease-in); @include transition (opacity .2s ease-in);
} }
.icon-drag-v {
@include transition(color .2s linear);
@extend %large;
color: $gray-light;
position: absolute;
right: .5rem;
top: 30%;
&:hover {
@include transition(color .2s linear);
color: $grayer;
cursor: move;
}
}
} }