commit
d7da4fff8e
|
@ -12,13 +12,13 @@
|
||||||
@extend %title;
|
@extend %title;
|
||||||
opacity: .2;
|
opacity: .2;
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $blackish;
|
color: $gray;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity .3s linear;
|
transition: opacity .3s linear;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.active {
|
.active {
|
||||||
color: $blackish;
|
color: $gray;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity .3s linear;
|
transition: opacity .3s linear;
|
||||||
}
|
}
|
||||||
|
|
|
@ -7,23 +7,29 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.row {
|
.row {
|
||||||
@include table-flex($align-content: center, $align-items: center);
|
align-content: center;
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
padding: .5rem;
|
padding: .5rem;
|
||||||
&:hover {
|
&:hover {
|
||||||
background: lighten($green-taiga, 60%);
|
background: lighten($green-taiga, 60%);
|
||||||
transition: background .2s ease-in;
|
transition: background .2s ease-in;
|
||||||
}
|
}
|
||||||
.user-stories {
|
.user-stories {
|
||||||
@include table-flex-child(5, 0, 1);
|
flex-basis: 0;
|
||||||
|
flex-grow: 10;
|
||||||
}
|
}
|
||||||
.status,
|
.status,
|
||||||
.points {
|
.points {
|
||||||
@include table-flex-child(1, 100px, 0);
|
flex-basis: 100px;
|
||||||
|
flex-grow: 1;
|
||||||
padding: 0 1rem;
|
padding: 0 1rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.assigned-to {
|
.assigned-to {
|
||||||
@include table-flex-child(1, 250px, 0);
|
flex-basis: 150px;
|
||||||
|
flex-grow: 1;
|
||||||
|
padding: 0 1rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.row-selected {
|
.row-selected {
|
||||||
|
@ -62,7 +68,7 @@
|
||||||
}
|
}
|
||||||
.table-main {
|
.table-main {
|
||||||
@extend %small;
|
@extend %small;
|
||||||
border-bottom: 1px solid $gray-light;
|
border-bottom: 1px solid $whitish;
|
||||||
}
|
}
|
||||||
.status,
|
.status,
|
||||||
.points {
|
.points {
|
||||||
|
|
Loading…
Reference in New Issue