From fe8f7297f51076b023ffdeecc4759931ece6b7ea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Mon, 21 Jul 2014 15:10:33 +0200
Subject: [PATCH] Status color selector refactor

---
 app/fonts/taiga.eot                           | Bin 7084 -> 7216 bytes
 app/fonts/taiga.svg                           |   1 +
 app/fonts/taiga.ttf                           | Bin 6928 -> 7060 bytes
 app/fonts/taiga.woff                          | Bin 4828 -> 4952 bytes
 app/partials/project-colors.jade              |   2 +-
 .../views/components/select-color.jade        |   6 +
 app/partials/views/modules/colors-table.jade  |  61 ++++-----
 app/styles/components/popover.scss            |   2 +-
 app/styles/components/select-color.scss       |  42 +++++++
 app/styles/dependencies/typography.scss       |   3 +
 app/styles/main.scss                          |   1 +
 app/styles/modules/colors-table.scss          | 119 ++++++++----------
 12 files changed, 133 insertions(+), 104 deletions(-)
 create mode 100644 app/partials/views/components/select-color.jade
 create mode 100644 app/styles/components/select-color.scss

diff --git a/app/fonts/taiga.eot b/app/fonts/taiga.eot
index 58551af8de14f6e5a24770aba3e741482cc54fda..e241754a0d06fef4c6b45aaa540fa5014bfe1364 100644
GIT binary patch
delta 566
zcmYL_O=uHQ6ot>7nKzSaAjT%G&1BkUl4%waI+-?|E&>YHKM-465GkSz{Ye)|Cz2o)
z3Wd_TveNLxZd^-{ph5S#5V~;FWx?XkMOO-n23#aElSLk!ckcVWoUdUwr<oZCUeuT^
zEn3I9+U4T1I}>RE>IQ)L^_i>JFb^3}?*SN{T^P4!zuo@?khi|ORC3Di>u;lgAOZBU
z;8e<;4n#nm0}v<_pR86MJ8uB-6o@`sTXB|2dfwvaNZWG7J%E}3=8Nu<bNk~$9S~mu
zxK(mC%5ZT2(6rZg-6^g7Zn+1*P!*u{vRkRLkhBZLz5^(N08hDNYw=+y{|9FUc;o2T
z>vqpOZ2|s%z%$;U3>o|@ea;&GWfAZd_kRQSA^KGu5~^OB?mGZC_!mL#k9dSIj1i0?
z0Ub%C_+Me0Qv8m1f!D-3x1}q>nZpm8QaHLLz<@y~bb>*oflD+sIZk6qJw$1LmLnrH
zFk$tFBXTmKkLALXQxgem;Izq@CMyB<G%xi9n8sLvDSa(dZ~xFuQ>XK~x%W;9Dw-_s
z<{8tJpt35H&^tB#Y(c(1^pj<gfz5YfhM3LRyb*gu1|L>$(nY?eYUvaR63|7|WpMQ1
K@L!K#m*;=BxOqVU

delta 408
zcmYk2ODIHP7>1w!oHLq6F{7r;IpfaqM3S*kC=3=ZDM^ZxYnq$Of`v#HHq`V_v9?lX
zF|rj4WkYPNNQs>+G)PHCXDnEJz3=Ax-sk;N4atBbX@EQK2xw2P$8@|oG#>d{HbH*_
z{K3|?cKXNx{Te9k>94Nsxf?zKF$fHdg{|1e#o-w!fJjVP^RY|@74!?hITc!(Y+Btv
z2lXDj?&%3@oTCp@x<%1Sm%0fe1@wlZV^;TZ#{;Mdpet-G#)z;DqQTCMSmBA+&*%;m
zzJQ3tqVo%mJZ%W{QD6pP$3yzj^)!;-_)f0P16P-~zCX=;D_KsQw#cL~MWwtErzSRW
zcKq2(u!Wj+el+InCcisCP+lsAr@;OW#gtG=8Rb;SFJ(<0s6M%^?#ULdMS;V0&Eu6G
lJ?*H&q+U9WDz(n6mo>($sFb@#r$9a%MWRBw{6_9S(jPG)VD$h1

diff --git a/app/fonts/taiga.svg b/app/fonts/taiga.svg
index cb7399ec..8bfe4808 100644
--- a/app/fonts/taiga.svg
+++ b/app/fonts/taiga.svg
@@ -40,4 +40,5 @@
 <glyph unicode="&#69;" d="M350 204l-42-42c-2-2-4-3-6-3-3 0-5 1-7 3l-39 39-39-39c-2-2-4-3-7-3-2 0-4 1-6 3l-42 42c-2 2-3 4-3 6 0 3 1 5 3 7l39 39-39 39c-2 2-3 4-3 7 0 2 1 4 3 6l42 42c2 2 4 3 6 3 3 0 5-1 7-3l39-39 39 39c2 2 4 3 7 3 2 0 4-1 6-3l42-42c2-2 3-4 3-6 0-3-1-5-3-7l-39-39 39-39c2-2 3-4 3-7 0-2-1-4-3-6z m61 52c0 28-7 54-20 78-14 24-33 43-57 57-24 13-50 20-78 20-28 0-54-7-78-20-24-14-43-33-57-57-13-24-20-50-20-78 0-28 7-54 20-78 14-24 33-43 57-57 24-13 50-20 78-20 28 0 54 7 78 20 24 14 43 33 57 57 13 24 20 50 20 78z m64 0c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
 <glyph unicode="&#70;" d="M146 73l220 0 0 110-220 0z m256 0l37 0 0 256c0 3-1 6-3 11-2 5-4 8-6 10l-80 80c-2 2-5 4-10 6-4 2-8 3-11 3l0-119c0-8-3-14-8-19-5-6-12-8-19-8l-165 0c-7 0-14 2-19 8-6 5-8 11-8 19l0 119-37 0 0-366 37 0 0 119c0 8 2 14 8 19 5 6 12 8 19 8l238 0c7 0 14-2 19-8 6-5 8-11 8-19z m-109 265l0 92c0 2-1 4-3 6-2 2-4 3-7 3l-54 0c-3 0-5-1-7-3-2-2-3-4-3-6l0-92c0-2 1-4 3-6 2-2 4-3 7-3l54 0c3 0 5 1 7 3 2 2 3 4 3 6z m182-9l0-265c0-8-2-14-8-19-5-6-11-8-19-8l-384 0c-8 0-14 2-19 8-6 5-8 11-8 19l0 384c0 8 2 14 8 19 5 6 11 8 19 8l265 0c8 0 16-1 25-5 9-4 17-9 22-14l80-80c5-5 10-13 14-22 4-9 5-17 5-25z"/>
 <glyph unicode="&#71;" d="M201 165c0-8-1-16-3-24-3-8-7-15-13-22-6-6-12-9-20-9-8 0-15 3-21 9-6 7-10 14-12 22-3 8-4 16-4 24 0 7 1 15 4 23 2 8 6 15 12 22 6 6 13 9 21 9 8 0 14-3 20-9 6-7 10-14 13-22 2-8 3-16 3-23z m183 0c0-8-1-16-4-24-2-8-6-15-12-22-6-6-13-9-21-9-8 0-14 3-20 9-6 7-10 14-13 22-2 8-3 16-3 24 0 7 1 15 3 23 3 8 7 15 13 22 6 6 12 9 20 9 8 0 15-3 21-9 6-7 10-14 12-22 3-8 4-16 4-23z m46 0c0 22-7 42-20 58-13 16-31 24-53 24-8 0-27-2-56-6-14-2-29-3-45-3-16 0-31 1-45 3-29 4-47 6-56 6-22 0-40-8-53-24-13-16-20-36-20-58 0-17 3-32 9-44 7-13 14-23 24-30 9-7 21-13 34-17 14-4 28-7 40-8 13-2 27-2 43-2l48 0c16 0 30 0 43 2 12 1 26 4 40 8 13 4 25 10 34 17 10 7 17 17 24 30 6 12 9 27 9 44z m64 50c0-40-6-71-18-95-7-14-17-27-30-38-13-10-26-19-40-24-14-6-30-11-49-14-18-3-34-5-49-6-14-1-30-1-47-1-15 0-29 0-41 0-12 1-26 2-42 4-16 2-31 5-44 9-13 3-26 8-39 14-13 6-24 14-34 23-11 10-19 21-25 33-12 24-18 55-18 95 0 45 13 83 39 113-5 16-8 32-8 49 0 22 5 42 15 62 21 0 39-4 54-11 16-8 34-20 54-36 28 7 58 10 89 10 28 0 54-3 80-9 20 16 37 27 53 35 16 7 34 11 54 11 10-20 15-40 15-62 0-17-3-33-8-48 26-31 39-69 39-114z"/>
+<glyph unicode="&#72;" d="M232 141l176 175c3 4 5 8 5 13 0 5-2 9-5 13l-29 29c-4 4-8 6-13 6-5 0-10-2-13-6l-134-133-60 60c-3 4-8 5-13 5-5 0-9-1-13-5l-29-29c-3-4-5-8-5-13 0-5 2-9 5-13l103-102c3-4 7-6 12-6 5 0 10 2 13 6z m243 252l0-274c0-23-8-42-24-58-16-16-35-24-58-24l-274 0c-23 0-42 8-58 24-16 16-24 35-24 58l0 274c0 23 8 42 24 58 16 16 35 24 58 24l274 0c23 0 42-8 58-24 16-16 24-35 24-58z"/>
 </font></defs></svg>
diff --git a/app/fonts/taiga.ttf b/app/fonts/taiga.ttf
index 72f770479e3450d04918aeefb918b13bdcbd3e66..d6db0a2889ea37837454df0171e2ae9c7c360a53 100644
GIT binary patch
delta 552
zcmYL_J!n&L6vco4_m#Ab#Mq>^`LNAPUOPzbOWGz5Q3q>OP+M9NDS|v|nhZ%3Nsu^2
z3U#tld}0TkLvYZdyAFbr;OI~V2Z!LGpq6Z@<Q4S7{o-&g=iIH-<8%W79O51_3)$?|
z%jG$L2SRlqe17g+mPIrOT?fYIm!^{QUv9hw(c7=Bl&s3D){6j03Wz6pt6JILM~2V>
z;LaECu2%0@&p~cO;6Wj0-4e>f4)7UB6$-hArI?Zo!Vkm?rCPneEN_C?0Tzqp73<2I
zr54D~fJ-H-UZKo3h?6}*YgQ@uyHnnVks64#O1WB7y~+jzzX3(ZoPgO+$>p2g%pL<0
zz4-X6**)k|v-?P#5{7+Ryh|7kD1(z>hYefE&J;$W*0Y71gEJTG6H;ifr##FtMj0cD
zPK>y{EUk;U?URS?J*j0smCs83?_YnFeSwCAfgyIqE=QSwGa@xJCB|dAS4=on^N)(5
z>Exi#uf?MJ_^fXxH62Y3wRcoCqPg7a{fyG*RwJsKS6zJ_Q}6!JO;Z;~baV5i%j1e@
z+D1lIBQB3?RTI*G)O5Ug>_5Xl)dZ8I?e>TvCnnSO;oxmy*z3WI;<)`G7!h&%doVQc
I??cV*Uvukq`v3p{

delta 438
zcmX|--)mA~7{@>Fc~wNI)kxSmT3OnqEQYu)`hif|giWIu6@z)$Oc{E#G;o7Zy6UEg
zUZMVhAlS{o+p!oyH<P;Q&IZwLqN}hXSiu?R6kR+#-;3vY_<Ww;^wU%a0UV->q>#zn
zn6>^qNPzJJh-5Ec$#4xH7$1OW{`%xpes|$Dh?~ItQq62U8uZ_S28dqSY&L8g3B~~M
zm#eFHE_K&;Kz@SIkxI#2X7g79_z0vbl~Tv_oYf?VV?ex8YqbM8`543oP^i|I%(<<r
zpF#G3T+M7Zuy_vQoC9Q;wbJ+f`U{x&2EuC8n=S8Q&uuV@z=|s;V6+$bx;S?JCqV}k
z-oG2_f4er+pNR`1t}co<w{XziinyEb1nH&-9_~3x_+3}XvS!=vu{7qtggfhF+<6`+
zI7yUKoF=A<+C#Oi>FT%kO1+e64f<c?(U7{YkGx3|q*T>7Ba?}g>KS)MT=~K?0#yhf
O7cpgp!@>W&L;V0RN@BkN

diff --git a/app/fonts/taiga.woff b/app/fonts/taiga.woff
index d8c023f4399fc94f17b3df80434a3326529241e7..b8a180d481552d585bd94fea0ac00070db5a89de 100644
GIT binary patch
delta 4774
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
AH~;_u

delta 4665
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

diff --git a/app/partials/project-colors.jade b/app/partials/project-colors.jade
index fdbcce2c..66dd9253 100644
--- a/app/partials/project-colors.jade
+++ b/app/partials/project-colors.jade
@@ -18,6 +18,6 @@ block content
             div.project-colors-options
                 a.button.button-green.new-color(href="")
                     span.text
-                        | + Add new US
+                        | + Add new status
 
             include views/modules/colors-table
diff --git a/app/partials/views/components/select-color.jade b/app/partials/views/components/select-color.jade
new file mode 100644
index 00000000..9fc3db61
--- /dev/null
+++ b/app/partials/views/components/select-color.jade
@@ -0,0 +1,6 @@
+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")
diff --git a/app/partials/views/modules/colors-table.jade b/app/partials/views/modules/colors-table.jade
index db216d4c..6eb9c4fc 100644
--- a/app/partials/views/modules/colors-table.jade
+++ b/app/partials/views/modules/colors-table.jade
@@ -1,41 +1,34 @@
-section.colors-table.basic-table
-    div.row.title
-        div.width-1.color-column Color
-        div.width-6 Name
-        div.width-2.is-closed-column Is closed?
-        div.width-1.options-column
+section.colors-table
+    div.table-header
+        div.row
+            div.color-column Color
+            div.status-name Name
+            div.is-closed-column Is closed?
+            div.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.table-main
+        div.row.row-edit
+            div.color-column
+                div.current-color
+                include ../components/select-color
 
-        div.width-6
-            input(type="text")
-        div.width-2.is-closed-column
-            input(type="checkbox")
-        div.width-1.options-column
-            a.icon.icon-floppy(href="#")
+            div.status-name
+                input(type="text")
+            div.is-closed-column
+                input(type="checkbox")
+            div.options-column
+                a.icon.icon-floppy(href="#")
+                a.icon.icon-delete(href="#")
 
     - for (var x = 0; x < 50; x++)
         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.color-column
+                div.current-color
+                include ../components/select-color
 
-            div.width-6 Ready for test
-            div.width-2.is-closed-column
-                div.icon.icon-notification-success
-            div.width-1.options-column
-                a.icon.icon-delete(href="#")
+            div.status-name Ready for test
+            div.is-closed-column
+                div.icon.icon-check-square
+            div.options-column
                 a.icon.icon-edit(href="#")
+                a.icon.icon-delete(href="#")
diff --git a/app/styles/components/popover.scss b/app/styles/components/popover.scss
index c8eaec22..88175da3 100644
--- a/app/styles/components/popover.scss
+++ b/app/styles/components/popover.scss
@@ -28,6 +28,7 @@
         }
     }
     &:after {
+        @include transform(rotate(45deg));
         background: $blackish;
         bottom: #{$arrow-bottom};
         content: '';
@@ -35,7 +36,6 @@
         left: #{$arrow-left};
         position: absolute;
         top: #{$arrow-top};
-        transform: rotate(45deg);
         width: #{$arrow-width};
     }
 }
diff --git a/app/styles/components/select-color.scss b/app/styles/components/select-color.scss
new file mode 100644
index 00000000..5b8cd987
--- /dev/null
+++ b/app/styles/components/select-color.scss
@@ -0,0 +1,42 @@
+.select-color {
+    @include popover(323px, 0, 50px, '', '', 15px, 13px, -7px);
+    border-radius: 0 10px 10px 0;
+    padding: 15px;
+    li {
+        float: left;
+        margin: 0 .5rem .5rem 0;
+        &:nth-child(7n) {
+            margin-right: 0;
+        }
+        &:nth-last-child(-n+7) {
+            margin-bottom: 0;
+        }
+    }
+    .color {
+        background-color: $gray-light;
+        border-radius: 2px;
+        cursor: pointer;
+        height: 35px;
+        width: 35px;
+    }
+    ul {
+        float: left;
+        margin-bottom: 1rem;
+    }
+    input {
+        @extend %medium;
+        @extend %text;
+        background-color: $very-light-gray;
+        width: 243px;
+        @include placeholder {
+            color: $gray;
+        }
+    }
+    .selected-color {
+        background: $gray-light;
+        border-radius: 2px;
+        float: right;
+        height: 40px;
+        width: 40px;
+    }
+}
diff --git a/app/styles/dependencies/typography.scss b/app/styles/dependencies/typography.scss
index a4ccbf86..a068ebf8 100755
--- a/app/styles/dependencies/typography.scss
+++ b/app/styles/dependencies/typography.scss
@@ -221,3 +221,6 @@ a:visited {
 .icon-github:before {
     content: 'G';
 }
+.icon-check-square:before {
+    content: 'H';
+}
diff --git a/app/styles/main.scss b/app/styles/main.scss
index 13efc00e..5b049527 100755
--- a/app/styles/main.scss
+++ b/app/styles/main.scss
@@ -33,6 +33,7 @@ $prefix-for-spec:      true;
 @import 'components/level';
 @import 'components/assigned-to';
 @import 'components/wysiwyg';
+@import 'components/select-color';
 
 //Modules
 @import 'modules/nav';
diff --git a/app/styles/modules/colors-table.scss b/app/styles/modules/colors-table.scss
index 02643563..2954d079 100644
--- a/app/styles/modules/colors-table.scss
+++ b/app/styles/modules/colors-table.scss
@@ -1,93 +1,76 @@
 .colors-table {
-    .row {
-        &:hover {
-            background: lighten($green-taiga, 60%);
-            @include transition (background .2s ease-in);
-        }
-    }
-    .row-selected {
-        background: lighten($green-taiga, 60%);
-        @include transition (background .2s ease-in);
-    }
-    .title {
+    .table-header {
         @extend %medium;
         @extend %bold;
-        border-bottom: 1px solid $gray-light;
+        border-bottom: 2px solid $gray-light;
         &:hover {
             background: transparent;
         }
     }
+    .row {
+        @include table-flex(stretch, center, flex, row, wrap, center);
+        padding: 1rem;
+        &:hover {
+            background: lighten($green-taiga, 60%);
+            @include transition (background .2s ease-in);
+            .options-column {
+                @include transition (opacity .3s linear);
+                opacity: 1;
+            }
+        }
+        .color-column,
+        .is-closed-column,
+        .options-column {
+            @include table-flex-child(1, 100px, 0);
+        }
+        .color-column {
+            max-width: 100px;
+            position: relative;
+        }
+        .status-name {
+            @include table-flex-child(6, 300px, 0);
+        }
+        .options-column {
+            max-width: 100px;
+            opacity: 0;
+            text-align: right;
+        }
+        .is-closed-column {
+            max-width: 130px;
+            text-align: center;
+        }
+    }
+    .row-edit {
+        .options-column {
+            opacity: 1;
+        }
+    }
     .table-main {
-        @extend %small;
         border-bottom: 1px solid $gray-light;
     }
-    .color {
+    .current-color {
         background-color: $gray-light;
         border-radius: 2px;
         cursor: pointer;
-        height: 35px;
-        width: 35px;
+        height: 40px;
+        width: 40px;
     }
-    .icon-floppy,
-    .icon-delete,
-    .icon-edit {
+    .icon {
         @extend %large;
-        float: right;
-        margin-right: .5rem;
-    }
-    .icon-floppy {
+        color: $gray-light;
         margin-right: 1rem;
+        &:hover {
+            color: $green-taiga;
+        }
     }
     .icon-delete {
-        margin-right: 1rem;
         &:hover {
             color: $red;
         }
     }
-    .icon-notification-success {
+    .icon-check-square {
         @extend %large;
-        color: $fresh-taiga;
-    }
-    .select-color {
-        @include popover(323px, 10px, 70px, '', '', 15px, 13px, -7px);
-        border-radius: 0 10px 10px 0;
-        padding: 15px;
-        li {
-            float: left;
-            margin: 0 .5rem .5rem 0;
-            &:nth-child(7n) {
-                margin-right: 0;
-            }
-            &:nth-last-child(-n+7) {
-                margin-bottom: 0;
-            }
-        }
-        ul {
-            float: left;
-            margin-bottom: 1rem;
-        }
-        input {
-            @extend %text;
-            background-color: $very-light-gray;
-            width: 243px;
-            @include placeholder {
-                color: $gray;
-            }
-        }
-        .selected-color {
-            float: right;
-            height: 40px;
-            width: 40px;
-        }
-    }
-    .color-column {
-        max-width: 100px;
-    }
-    .is-closed-column {
-        max-width: 130px;
-        text-align: center;
-    }
-    .options-column {
-        max-width: 100px;
+        color: $green-taiga;
     }
+
 }