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

edit color

stable
Juanfran 2014-06-24 11:16:05 +02:00
parent 7ae9c5b7ea
commit a81f2ccfe9
4 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/partials/project-colors.jade
View File

@ -15,8 +15,9 @@ block content
header header
include views/components/mainTitle include views/components/mainTitle
a.button-green.new-color(href="") div.project-colors-options
span.text a.button.button-green.new-color(href="")
| + Add new US span.text
| + Add new US
include views/modules/colors-table include views/modules/colors-table

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

@ -20,6 +20,7 @@ section.colors-table
div.width-2.is-closed-column div.width-2.is-closed-column
input(type="checkbox") input(type="checkbox")
div.width-1.options-column div.width-1.options-column
a.icon.icon-floppy(href="#")
- for (var x = 0; x < 50; x++) - for (var x = 0; x < 50; x++)
div.row.table-main div.row.table-main
@ -34,7 +35,7 @@ section.colors-table
div.width-6 Ready for test div.width-6 Ready for test
div.width-2.is-closed-column div.width-2.is-closed-column
div.icon.icon-plus div.icon.icon-notification-success
div.width-1.options-column div.width-1.options-column
a.icon.icon-delete(href="#") a.icon.icon-delete(href="#")
a.icon.icon-edit(href="#") a.icon.icon-edit(href="#")

5
app/styles/layout/project-colors.scss
View File

@ -3,6 +3,9 @@
float: right; float: right;
} }
.colors-table { .colors-table {
margin-top: 2rem; margin-top: 1rem;
}
.project-colors-options {
@include clearfix;
} }
} }

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

@ -52,18 +52,26 @@
height: 35px; height: 35px;
width: 35px; width: 35px;
} }
.icon-floppy,
.icon-delete, .icon-delete,
.icon-edit { .icon-edit {
@extend %large; @extend %large;
float: right; float: right;
margin-right: .5rem; margin-right: .5rem;
} }
.icon-floppy {
margin-right: 1rem;
}
.icon-delete { .icon-delete {
margin-right: 1rem; margin-right: 1rem;
&:hover { &:hover {
color: $red; color: $red;
} }
} }
.icon-notification-success {
@extend %large;
color: $fresh-taiga;
}
.select-color { .select-color {
@include popover(323px, 10px, 70px, '', '', 15px, 13px, -7px); @include popover(323px, 10px, 70px, '', '', 15px, 13px, -7px);
border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;