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

fix backlog table responsive

stable
Juanfran 2014-09-18 08:54:04 +02:00
parent 8ccf7780fd
commit 9df06e1639
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -23,7 +23,7 @@
background: transparent; background: transparent;
} }
.user-stories { .user-stories {
@include table-flex-child(20, 500px, 0); @include table-flex-child(20, 365px, 0);
} }
.status { .status {
@include table-flex-child(0, 150px, 0); @include table-flex-child(0, 150px, 0);
@ -95,6 +95,8 @@
@extend %medium; @extend %medium;
@extend %bold; @extend %bold;
border-bottom: 2px solid $gray-light; border-bottom: 2px solid $gray-light;
flex-wrap: nowrap;
padding-right: 30px;
} }
.points { .points {
cursor: pointer; cursor: pointer;
@ -109,6 +111,7 @@
.backlog-table-body { .backlog-table-body {
.row { .row {
cursor: move; cursor: move;
flex-wrap: nowrap;
position: relative; position: relative;
&:hover { &:hover {
@include transition (background .2s ease-in); @include transition (background .2s ease-in);
@ -137,7 +140,7 @@
background: lighten($green-taiga, 60%); background: lighten($green-taiga, 60%);
} }
.user-story-name { .user-story-name {
position: relative; display: flex;
input { input {
margin-right: 1rem; margin-right: 1rem;
vertical-align: super; vertical-align: super;
@ -150,6 +153,7 @@
} }
a { a {
display: inline-block; display: inline-block;
flex-grow: 20;
max-width: 90%; max-width: 90%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -204,17 +208,16 @@
@include transition (all .2s ease-in); @include transition (all .2s ease-in);
@extend %large; @extend %large;
color: $gray-light; color: $gray-light;
width: 30px;
&:hover { &:hover {
@include transition (all .2s ease-in); @include transition (all .2s ease-in);
color: $grayer; color: $grayer;
} }
} }
.us-settings { .us-settings {
flex-shrink: 0;
margin: 0 0 0 2rem; margin: 0 0 0 2rem;
opacity: 0; opacity: 0;
position: absolute;
right: 0;
top: .1rem;
} }
.icon-drag-v { .icon-drag-v {
cursor: move; cursor: move;