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

fix column width

stable
Juanfran 2014-06-24 09:24:15 +02:00
parent 2ae5218c90
commit 7ae9c5b7ea
2 changed files with 35 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
app/partials/views/modules/colors-table.jade
View File

@ -1,9 +1,26 @@
section.colors-table
div.row.title
div.width-1 Color
div.width-1.color-column Color
div.width-6 Name
div.is-closed.width-2 Is closed?
div.options.width-1
div.width-2.is-closed-column Is closed?
div.width-1.options-column
div.row.table-main
div.width-1.color-column
div.color
div.popover.select-color
ul
- for (var z = 0; z < 21; z++)
li.color
input(type="text", placeholder="personalized colors")
div.selected-color(style="background-color: red")
div.width-6
input(type="text")
div.width-2.is-closed-column
input(type="checkbox")
div.width-1.options-column
- for (var x = 0; x < 50; x++)
div.row.table-main
div.width-1.color-column
@ -16,8 +33,8 @@ section.colors-table
div.selected-color(style="background-color: red")
div.width-6 Ready for test
div.is-closed.width-2
div.width-2.is-closed-column
div.icon.icon-plus
div.options.width-1
a.icon.icon-edit(href="#")
div.width-1.options-column
a.icon.icon-delete(href="#")
a.icon.icon-edit(href="#")

15
app/styles/modules/colors-table.scss
View File

@ -52,15 +52,14 @@
height: 35px;
width: 35px;
}
.is-closed {
text-align: center;
}
.icon-delete,
.icon-edit {
@extend %large;
float: right;
margin-right: .5rem;
}
.icon-delete {
margin-right: 1rem;
&:hover {
color: $red;
}
@ -97,4 +96,14 @@
width: 40px;
}
}
.color-column {
max-width: 100px;
}
.is-closed-column {
max-width: 130px;
text-align: center;
}
.options-column {
max-width: 100px;
}
}