From 71f5087140a5630e812a961cd7707778835cf228 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Mon, 15 Sep 2014 17:28:21 +0200
Subject: [PATCH] US #903: Task #1012: Compact and expanded US

---
 app/fonts/taiga.eot                           | Bin 6812 -> 7372 bytes
 app/fonts/taiga.svg                           |   2 +
 app/fonts/taiga.ttf                           | Bin 6656 -> 7216 bytes
 app/fonts/taiga.woff                          | Bin 4880 -> 5300 bytes
 .../views/components/kanban-task.jade         |  33 ++++-
 app/partials/views/modules/kanban-table.jade  |   7 +-
 app/styles/components/kanban-task.scss        | 118 ++++++++++++++----
 app/styles/dependencies/typography.scss       |  14 ++-
 app/styles/modules/kanban/kanban-table.scss   |   6 +-
 9 files changed, 143 insertions(+), 37 deletions(-)

diff --git a/app/fonts/taiga.eot b/app/fonts/taiga.eot
index 9a108ee0436cb9d01db9ae8c104720856095763f..b6af29305c6c1f9e99bac64a391346739cbbe180 100644
GIT binary patch
delta 973
zcmah{Pe@cj9R7YY^X4sjFmV6s6JyQyj99nTeQy&a3(O9?Vf4p@qT0-qa&^-nJ8cC?
zN0$dB5_Apf5TxL(OXx)`@lXVvx<wI4T|7Kv-X2_Vp@CtBZ@&3`^L_JsVXybdbptqR
zl%*q<w&s@0Cki8<H#Y$z2*5bqe`)|1A%W&U01ghGPj(G{yYe2OVE{uTg?#aq{9*ts
z0MPhYex|s)3l22@1P~aTcyR0Wv+tb%{{V#h$4B!wX(7Am9-x-eQ@#e!TL8loQzQB7
z-sRf>F9JAM$j=rrjpqOzQ@WG+!szzS)JvdA=}Z=<X6|W8@f&EK1uzW))Lfq1TDsQI
z`xo^LYJBQ_a%XSd^%#6SpceNHC8)#wN^7YKnFIbb{A$1raDQh&U_iO4+yjtxH&}|B
zuw0LwWv1mm;vsjG{}OeJ_3?M-gcU3aFfj7SLlB2?92bB-a?Cb8E?Y^LtrYH~NI2s(
z>N4D&>2i{kagt;<kY(z!(K2Ny67(s3<eyn)dnD}GR@(A84dj=Jgjb>@MOg@8<fODU
znKLw@%|}Z$(8pyVV|9wC*;3{VPRtuum?pGp(Am$Uh5eZKqqelKTw=tlUj#s?<opi^
z;RsIR5|Gh@5#`>lwlCW=X-fqas!qz`k*<vL-&XBE%&oYtqUx^B%8W)!Oo(~Ogpt#<
zv@$CKv=QA8KAabV#Wan#WOXea2xJY;R%>93HLzMdZ>1s<|G%_*Kf0}_U?YJZw-`Gl
qQg))pU5MSK4!5r93{Rlb9cpT|ERdgFrAbwz<KxxUoxQfMwD~_z8>C+V

delta 406
zcmYL^JxD@f6o#MAdr_gG0wL5}G?-2j357QrBKjey4EmuVjEnt2UhfSXYHEp^;~QFB
z8X|~-q9q~-LUIZE8AG?01|g`HhHhLPI`Hxy4xIBo=Rq%YdkY~TwD0XvzkJoR{eClZ
z@@_%!4bVmghlZKL3&A4Lo|@`Rq$=~bAm)JCjA_`%m5UO1R1k|RM&5QD6bRk`{*~<3
z^0ofF1IiTyBCAWrqFBpVvPraV?<yq_=fHH<$`~`{$tO@&feF*tw6Qq=k#uu&hPm|V
zSclM329dL^{D$hNcMu!{atLsBR`q=?H1>Vd;K8k@XmjtsJHH-kbH8iyRK!J8zKT*D
zm$)Xab_vobwN682!2P7Y1B}WSPnYy5DcPm8NK>g^rqx(L9)&)933TElWg#3<6M8%;
fi{W(<l|9<H+|$}(9SBsYBh+&q)Av9Be0APGL$6$w

diff --git a/app/fonts/taiga.svg b/app/fonts/taiga.svg
index b1779c43..048c962b 100644
--- a/app/fonts/taiga.svg
+++ b/app/fonts/taiga.svg
@@ -42,4 +42,6 @@
 <glyph unicode="&#72;" d="M128 384l64 0 0-64-64 0z m0-96l64 0 0-64-64 0z m0-96l64 0 0-64-64 0z m128 0l128 0 0-64-128 0z m224 320l-448 0c-18 0-32-14-32-32l0-448c0-18 14-32 32-32l448 0c18 0 32 14 32 32l0 448c0 18-14 32-32 32z m-32-448l-384 0 0 384 384 0z m-192 224l128 0 0-64-128 0z m0 96l128 0 0-64-128 0z"/>
 <glyph unicode="&#73;" d="M184 20c0 0 0 54 0 54 0 0 144 0 144 0 0 0 0-54 0-54-24-14-48-21-73-20-23-1-47 6-71 20m141 84c0 0-138 0-138 0 0 25-6 49-19 72-12 23-25 43-40 58-14 15-26 34-37 57-11 23-16 47-14 71 3 41 19 77 48 106 30 29 73 44 130 44 58 0 102-15 131-44 29-29 45-65 49-106 1-20-2-39-9-57-6-18-15-35-26-50-11-14-22-29-33-43-12-14-21-31-30-49-8-19-12-38-12-59m-193 254c-2-1-2-4 0-10 1-5 1-9 1-10-1-1 0-5 2-10 3-5 4-8 3-9 0-1 1-4 4-9 3-5 5-9 6-10 1-1 3-5 7-10 3-5 6-8 7-9 1-2 3-5 7-11 5-6 7-10 9-12 30-42 49-78 57-108 0 0 42 0 42 0 8 32 27 68 57 108 2 2 6 8 13 18 7 10 12 16 13 18 1 3 4 8 9 15 4 8 7 13 8 17 1 4 2 9 3 14 1 6 1 12 0 18-5 67-47 101-125 101-77 0-118-34-123-101"/>
 <glyph unicode="&#69;" d="M480 224l-64 0c-18 0-32 14-32 32 0 18 14 32 32 32l64 0c18 0 32-14 32-32 0-18-14-32-32-32z m-88 122c-13-12-33-12-45 0-13 13-13 33 0 46l45 45c12 12 33 12 45 0 13-13 13-33 0-45z m-136-346c-18 0-32 14-32 32l0 64c0 18 14 32 32 32 18 0 32-14 32-32l0-64c0-18-14-32-32-32z m0 384c-18 0-32 14-32 32l0 64c0 18 14 32 32 32 18 0 32-14 32-32l0-64c0-18-14-32-32-32z m-136-309c-12-13-32-13-45 0-12 12-12 33 0 45l45 45c13 13 33 13 46 0 12-12 12-32 0-45z m0 271l-45 46c-12 12-12 32 0 45 13 12 33 12 45 0l46-45c12-13 12-33 0-46-13-12-33-12-46 0z m8-90c0-18-14-32-32-32l-64 0c-18 0-32 14-32 32 0 18 14 32 32 32l64 0c18 0 32-14 32-32z m264-91l45-45c13-12 13-33 0-45-12-13-33-13-45 0l-45 45c-13 13-13 33 0 45 12 13 32 13 45 0z"/>
+<glyph unicode="&#74;" d="M184 54l24 145c1 3 0 5-2 7 0 0 0 0 0 0-2 2-5 3-7 3l-145-25c-3 0-5-2-6-5-1-3 0-7 2-9l28-28-76-76c-3-3-3-8 0-11l53-53c3-3 8-3 11 0l76 76 28-28c3-2 6-3 9-2 3 1 5 3 5 6z m144 404l-24-145c-1-3 0-5 2-7 0 0 0 0 0 0 2-2 5-3 7-3l145 25c3 0 5 2 6 5 1 3 0 7-2 9l-28 28 76 76c3 3 3 8 0 11l-53 53c-3 3-8 3-11 0l-76-76-28 28c-3 2-6 3-9 2-3-1-5-3-5-6z m130-274l-145 24c-3 1-5 0-7-2 0 0 0 0 0 0-2-2-3-5-3-7l25-145c0-3 2-5 5-6 3-1 7 0 9 2l28 28 76-76c3-3 8-3 11 0l53 53c3 3 3 8 0 11l-76 76 28 28c2 3 3 6 2 9-1 3-3 5-6 5z m-404 144l145-24c3-1 5 0 7 2 0 0 0 0 0 0 2 2 3 5 3 7l-25 145c0 3-2 5-5 6-3 1-6 0-9-2l-28-28-76 76c-3 3-8 3-11 0l-53-53c-3-3-3-8 0-11l76-76-28-28c-2-3-3-6-2-9 1-3 3-5 6-5z"/>
+<glyph unicode="&#75;" d="M24 154l-24-144c0-3 1-6 2-8 0 0 0 0 0 0 2-1 5-2 8-2l144 25c3 0 6 2 6 5 1 3 1 6-2 8l-28 29 76 75c3 4 3 9 0 12l-52 52c-3 4-9 4-12 0l-76-75-28 28c-2 2-5 3-8 2-3-1-5-4-6-7z m464 204l24 144c0 3-1 6-2 8 0 0 0 0 0 0-2 1-5 2-8 2l-144-25c-3 0-6-2-6-5-1-3-1-6 2-8l28-29-76-75c-3-4-3-9 0-12l52-52c3-4 9-4 12 0l76 75 28-28c2-2 5-3 8-2 3 1 5 4 6 7z m-130-334l144-24c3 0 6 1 8 2 0 0 0 0 0 0 1 2 2 5 2 8l-25 144c0 3-2 6-5 6-3 1-6 1-8-2l-29-28-75 76c-4 3-9 3-12 0l-52-52c-4-3-4-9 0-12l75-76-28-28c-2-2-3-5-2-8 1-3 4-5 7-6z m-204 464l-144 24c-3 0-6-1-8-2 0 0 0 0 0 0-1-2-2-5-2-8l25-144c0-3 2-6 5-6 3-1 6-1 8 2l29 28 75-76c4-3 9-3 12 0l52 52c4 3 4 9 0 12l-75 76 28 28c2 2 3 5 2 8-1 3-4 5-7 6z"/>
 </font></defs></svg>
diff --git a/app/fonts/taiga.ttf b/app/fonts/taiga.ttf
index f5e6e2462806f17e39e1829e4ae0bb0535c324ad..8a253daeef27057eb2122faa8f49e1606349131e 100644
GIT binary patch
delta 959
zcmah{O-NKx7(L&;_uV%r;li1DZ<-gzsP7q}(~L836if+hTFi)&Rzg9IW)A5%le)0g
zNMN+o9+bFg8?+JnLE5y5q)j9RML(-{Q3O((h%w$9hye$>aJiTBo$sFS9PV;rv!@IK
zZ~)8T7)htchKlcYb^yZ<z&JH{GL18kK=>zs!^5M|`0(co&j1<+aCWkgE8Umx4S@Lo
z%1`GON_%_YK=>N~-}LPDD-Z5`=>qt3AUK$x%3Y@Q%npE00PK8zs+<$Y7zfA|Y|9rG
zml|&IZGbibjL#M)bC)XTuL8UT;B+CkRKh&&0@ULUG?yz(?fx#_0}i?a%$14@i%L}d
z0K!WE<~?%+Jihtn(Z!~|Uua}-*XzEOnd-?_W^U7Q>TvpLJ60`nz}tq`4NQQ0Hv<A`
z*A{%JGBZw`#kdK}nP4N#w45~-a9*<SqG6*k^6&|_{AB?KMir{Sk0a>E7%)J#*{Vil
z3#qb&f&-)lQ+Bf|gWajP9i@~VC9{bvQ<cq@DFd3{qYRK&v&?oaXeX_N<#C$GdqxXx
z=_JLP5W>hxnN(!fP=vCom+PQ6)`Sc-xI`r>W!B)tDtQ-Egi;II`+2m!AFF(=FYPIp
z8S&bQ00=jD<|Y`xQJlazAf@^>*L||qzHCn=EH|h?ZBjPZ;wjgEYpwqvw<4+=Rd;Px
zrmmNn5UY|2BdaJ0*R1f-D}6t>yeb3>DGEQ7QI&+xmoYedQ3u<ogVp0zwyGkL|4Ta`
uwOuuaBs$USyw%%8EZN!X{L!ybhcg!%;+^Pno`zb;az2E@jsHIG%FJIIo1o$V

delta 391
zcmX|+JxD@f6o#Mg-b?mFgdm7ri3YP4sU$?D8lsFKGw6qgC@yMVNWC|7ut|q#uWtz2
znt~uGS|Wl#0@vDYYl#qoYBp5pz~Q{hdw8CkaAm5D0Q#w*vKou6$E~Xm3q0?DcX56p
z#u{DVc?O0PYvaMh+x8QPEnqX5GwjQ^+Zreuh*ZWX*v%#?cpic7O!jc^A@X_z>OHu8
zX4*)J{iFrdfskpY%Z4_gs32T`&&(A|y~k<|#0{{XwUWk0ef0%Y6IjU^B^#SF5aAY3
z-pHlDo7M%m>mc&BRVZprtqPuHAm5e~aNThH><&!-(x=dx7r!&wxr#G-DrSUV&Wc)q
z7J7TV?I!G?wv!i)xt0>$bY3jUkTNOvm4rM|-11dv+*Q?4m+Tq*as-JGAbhI(v|uC<
amSg&X@XK>OE<g1lF(P}tdfz{QGx`UE?pG}U

diff --git a/app/fonts/taiga.woff b/app/fonts/taiga.woff
index 54508d1e9309c850ea8253804f84dc8bcf86af1c..588dcb309e621ebfcdcee69d2c3d1d99cac0e1dc 100644
GIT binary patch
delta 5150
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
M3}^rV0FD9x1x{nJ#sB~S

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

diff --git a/app/partials/views/components/kanban-task.jade b/app/partials/views/components/kanban-task.jade
index 95e500dc..9b02859d 100644
--- a/app/partials/views/components/kanban-task.jade
+++ b/app/partials/views/components/kanban-task.jade
@@ -4,10 +4,35 @@ div.kanban-task-inner
     div.task-text
         a.task-assigned(href="", title="Assign User Story")
         span.task-num(tg-bo-ref="us.ref")
-        a.task-name(href="", title="", tg-bind-html="us.subject",
+        a.task-name(href="", tg-bo-title="us.subject", tg-bind-html="us.subject",
                     tg-nav="project-userstories-detail:project=project.slug,ref=us.ref")
-        p.task-points
-            span(tg-bind-html="us.total_points") --
-            span points
+        ul.task-points-per-role
+            li
+                a(href="", title="Role Points")
+                    span User Experience
+                    span(tg-bind-html="us.total_points") --
+                    span points
+                    span.icon.icon-arrow-bottom
+            li
+                a(href="", title="Role Points")
+                    span Design
+                    span(tg-bind-html="us.total_points") --
+                    span points
+                    span.icon.icon-arrow-bottom
+            li
+                a(href="", title="Role Points")
+                    span Front
+                    span(tg-bind-html="us.total_points") --
+                    span points
+                    span.icon.icon-arrow-bottom
+            li
+                a(href="", title="Role Points")
+                    span Back
+                    span(tg-bind-html="us.total_points") --
+                    span points
+                    span.icon.icon-arrow-bottom
+        //-p.task-points
+        //-    span(tg-bind-html="us.total_points") --
+        //-    span points
     a.icon.icon-edit(tg-check-permission="modify_us", href="", title="Edit")
     a.icon.icon-drag-h(tg-check-permission="modify_us", href="", title="Drag&Drop")
diff --git a/app/partials/views/modules/kanban-table.jade b/app/partials/views/modules/kanban-table.jade
index 0fc2499c..0e907dd6 100644
--- a/app/partials/views/modules/kanban-table.jade
+++ b/app/partials/views/modules/kanban-table.jade
@@ -4,14 +4,15 @@ div.kanban-table
             h2.task-colum_name(ng-repeat="s in usStatusList track by s.id",
                                ng-style="{'border-top-color':s.color}")
                 span(tg-bo-bind="s.name")
+                a.icon.icon-minimize(href="", title="Add New task")
+                //-a.icon.icon-maximize(href="", title="Add New task")
                 a.icon.icon-plus(tg-check-permission="add_us", href="", title="Add New task", ng-click="ctrl.addNewUs('standard', s.id)")
                 a.icon.icon-bulk(tg-check-permission="add_us", href="", title="Add New bulk", ng-click="ctrl.addNewUs('bulk', s.id)")
-
     div.kanban-table-body
         div.kanban-table-inner(tg-kanban-row-width-fixer)
             div.kanban-uses-box.task-column(ng-repeat="status in usStatusList track by status.id",
                                             tg-kanban-sortable,
                                             tg-kanban-wip-limit,
                                             tg-kanban-column-height-fixer)
-                div.kanban-task(ng-repeat="us in usByStatus[status.id] track by us.id",
-                                tg-kanban-userstory, ng-model="us")
+                div.kanban-task.kanban-task-maximized(ng-repeat="us in usByStatus[status.id] track by us.id",
+                                                      tg-kanban-userstory, ng-model="us")
diff --git a/app/styles/components/kanban-task.scss b/app/styles/components/kanban-task.scss
index 8ac1565f..63e4c9af 100644
--- a/app/styles/components/kanban-task.scss
+++ b/app/styles/components/kanban-task.scss
@@ -28,20 +28,18 @@
     }
     .kanban-tagline {
         @include table-flex();
-        background: $gray-light; //Fallback
-        height: .3rem;
+        background: $postit-hover; //Fallback
+        //height: .3rem;
     }
     .kanban-tag {
         @include table-flex-child(1, 0, 0, 0);
         background: $postit-hover; //Fallback
-        height: .3rem;
+        //height: .3rem;
     }
     .kanban-task-inner {
         @include table-flex();
-        padding: 1rem 1rem 2rem;
     }
     .avatar {
-        @include table-flex-child($flex-basis: 50px);
         a {
             @extend %small;
             text-align: center;
@@ -69,37 +67,24 @@
         color: $postit-dark-hover;
         display: block;
     }
+    .task-text {
+        @include table-flex-child($flex-grow: 10, $flex-basis: 50px);
+        @extend %small;
+        padding: 0 .5rem 0 .8rem;
+        word-wrap: break-word;
+    }
     .task-num {
         color: $grayer;
-        margin-right: .5em;
+        margin-right: .3rem;
     }
     .task-name {
         @extend %bold;
         color: $grayer;
-        word-wrap: break-word;
-    }
-    .task-text {
-        @include table-flex-child($flex-grow: 10, $flex-basis: 50px);
-        @extend %small;
-        padding: 0 .5rem 0 1rem;
-        word-wrap: break-word;
-    }
-    .task-points {
-        @extend %small;
-        color: darken($postit-hover, 15%);
-        margin: 0;
-        span {
-            display: inline-block;
-            &:first-child {
-                padding-right: .2rem;
-            }
-        }
     }
     .icon-edit,
     .icon-drag-h {
         @include transition(opacity .2s linear);
         @extend %large;
-        bottom: .2rem;
         color: $postit-hover;
         opacity: 0;
         position: absolute;
@@ -108,12 +93,95 @@
             color: darken($postit-hover, 15%);
         }
     }
+}
+
+.kanban-task-maximized {
+    .kanban-task-inner {
+        padding: 1rem 1rem 2rem;
+    }
+    .avatar {
+        @include table-flex-child($flex-basis: 50px);
+    }
+    .task-name {
+        word-wrap: break-word;
+    }
     .icon-edit {
+        bottom: .2rem;
         right: .5rem;
     }
     .icon-drag-h {
         @extend %xlarge;
+        bottom: .2rem;
         cursor: move;
         right: 45%;
     }
+    .task-points-per-role {
+        @extend %small;
+        margin: 0;
+        a {
+            @include transition(color .2s linear);
+            color: darken($postit-hover, 15%);
+            &:hover {
+                @include transition(color .2s linear);
+                color: darken($postit-hover, 30%);
+            }
+        }
+        span {
+            display: inline-block;
+            padding-left: .2rem;
+            &:first-child {
+                color: darken($postit-hover, 30%);
+                padding-left: 0;
+                padding-right: .2rem;
+            }
+        }
+    }
+    .kanban-tagline {
+        height: .3rem;
+    }
+    .kanban-tag {
+        height: .3rem;
+    }
+}
+
+.kanban-task-minimized {
+    .kanban-task-inner {
+        padding: .3rem;
+    }
+    .avatar {
+        @include table-flex-child($flex-basis: 40px);
+    }
+    .task-num {
+        vertical-align: top;
+    }
+    .task-name {
+        display: inline-block;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        width: 70%;
+    }
+    .task-points-per-role {
+        display: none;
+    }
+    .icon-edit,
+    .icon-drag-h {
+        top: 1.4rem;
+    }
+    .icon-edit {
+        bottom: .2rem;
+        right: 1rem;
+    }
+    .icon-drag-h {
+        @extend %medium;
+        @include transform(rotate(90deg));
+        cursor: move;
+        right: .1rem;
+    }
+    .kanban-tagline {
+        height: .2rem;
+    }
+    .kanban-tag {
+        height: .2rem;
+    }
 }
diff --git a/app/styles/dependencies/typography.scss b/app/styles/dependencies/typography.scss
index 68d878d5..114f7af8 100755
--- a/app/styles/dependencies/typography.scss
+++ b/app/styles/dependencies/typography.scss
@@ -6,9 +6,9 @@
     @font-face {
         font-family: '#{$font-face}';
         src: url('../fonts/#{$font-face}.eot?#iefix') format('embedded-opentype'),
-        url('../fonts/#{$font-face}.woff') format('woff'),
-        url('../fonts/#{$font-face}.ttf')  format('truetype'),
-        url('../fonts/#{$font-face}.svg#{$font-face}') format('svg');
+            url('../fonts/#{$font-face}.woff') format('woff'),
+            url('../fonts/#{$font-face}.ttf')  format('truetype'),
+            url('../fonts/#{$font-face}.svg#{$font-face}') format('svg');
     }
 }
 
@@ -88,7 +88,7 @@ p {
     img {
         margin: 0;
     }
-  }
+}
 
 em { font-style: italic; }
 strong {
@@ -247,3 +247,9 @@ a:visited {
 .icon-spinner:before {
     content: 'E';
 }
+.icon-minimize:before {
+    content: 'J';
+}
+.icon-maximize:before {
+    content: 'K';
+}
diff --git a/app/styles/modules/kanban/kanban-table.scss b/app/styles/modules/kanban/kanban-table.scss
index 966500b5..e82a7d3f 100644
--- a/app/styles/modules/kanban/kanban-table.scss
+++ b/app/styles/modules/kanban/kanban-table.scss
@@ -44,6 +44,11 @@ $column-margin: 0 10px 0 0;
             &.icon-plus {
                 right: 2rem;
             }
+            &.icon-maximize,
+            &.icon-minimize {
+                left: .5rem;
+                right: inherit;
+            }
         }
     }
 }
@@ -51,7 +56,6 @@ $column-margin: 0 10px 0 0;
 .kanban-table-body {
     @include table-flex();
     @extend %medium;
-    //height: 700px;
     overflow: hidden;
     overflow-x: auto;
     width: 100%;