From d327ef40eb78f8341066321310e78968f81c7de1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= Date: Wed, 4 Jun 2014 18:33:45 +0200 Subject: [PATCH] Current Sprint --- app/backlog.jade | 8 +- app/fonts/taiga.eot | Bin 2896 -> 3272 bytes app/fonts/taiga.svg | 4 + app/fonts/taiga.ttf | Bin 2740 -> 3116 bytes app/fonts/taiga.woff | Bin 2028 -> 2220 bytes app/styles/dependencies/mixins.scss | 6 ++ app/styles/dependencies/typography.scss | 14 ++- app/styles/layout/base.scss | 1 - app/styles/main.scss | 2 + app/styles/modules/sprints.scss | 121 ++++++++++++++++++++++++ app/views/modules/sprints.jade | 33 +++++++ 11 files changed, 180 insertions(+), 9 deletions(-) create mode 100644 app/styles/dependencies/mixins.scss create mode 100644 app/styles/modules/sprints.scss create mode 100644 app/views/modules/sprints.jade diff --git a/app/backlog.jade b/app/backlog.jade index 5b0b1a71..63eb7264 100644 --- a/app/backlog.jade +++ b/app/backlog.jade @@ -21,10 +21,4 @@ block content include views/components/addnewus include views/modules/backlog-table sidebar.menu-secondary.sidebar - header - h2 Sprints - body - ul - li Text1 - li text2 - li test2 + include views/modules/sprints diff --git a/app/fonts/taiga.eot b/app/fonts/taiga.eot index 70b0097c91142baa8f2b65c93209cbe0f0669676..e9a8445fc54955642c5aa9ad2fc2bd1055f8b542 100644 GIT binary patch delta 796 zcmYk4Pe@cj9LK-E`OUsv-+R8dntzH`3`3I;E!)gOu!Gv6VADV?isiL#8oBO!+My^~ zI&5?h#0G*+brga~^4P7*UZT#?r6BO65q1jNm{~&yW`4sD=JWe}VLrE14p|i!=y6xA z0ogXSv%Px0kgGg90Jup2sS6{cV;F`7I6na#$z18{&-}T*0njvn$y^}_JA>{lKwklx zn+=x2Y84DPn*b8C^Y?FEog7^Tcpk7SbNOHfPu*sfq*N)sNZ$Z@3!rDdmbP^*+4oug0pv=F A+5i9m delta 465 zcmYk1y-Oou5XOJAn=H$&=4||eC>9o0QBIJEB8T{Kpb(897I(@Ly(lKSM2iRq(ZWKk z!rMf#Ia?b={{lZ_rNUMI2gfznTycu5yz3PX4D-w|&-2Vwo9`Q}2^Y?svegqwr4xJQ zPx;JMbqAaZ5FZ^H9-$8loFdScn(F+Rdj4_(G6PI!@}A##&^QJ16C|DW*8CvA1jh&L zY;NP*e)V4g%+C=0zPRAcvpu-0>LgyWCa8iO1MRuhjAuL6JeVCoYu+pROtS@&)W$1b zeqp=w8Og+k1 z$*H8#JBGeH%y=jV + + + + diff --git a/app/fonts/taiga.ttf b/app/fonts/taiga.ttf index 9954af744bbb1df6f08f02f2e8c3ce8ea05cfde2..61b06ce1d39386ee0fdde19c45b5c1d08917bc84 100644 GIT binary patch delta 832 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 diff --git a/app/styles/dependencies/mixins.scss b/app/styles/dependencies/mixins.scss new file mode 100644 index 00000000..b79d3a7e --- /dev/null +++ b/app/styles/dependencies/mixins.scss @@ -0,0 +1,6 @@ +@mixin ellipsis($width: 100px) { + max-width: $width; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} diff --git a/app/styles/dependencies/typography.scss b/app/styles/dependencies/typography.scss index dbe6de08..d03e092b 100755 --- a/app/styles/dependencies/typography.scss +++ b/app/styles/dependencies/typography.scss @@ -21,12 +21,12 @@ h1, h2, h3, h4, h5, h6 { } /*__Font Sizes__*/ +.xsmall {font-size: .5rem;} .small {font-size: .8rem;} .medium {font-size: 1rem;} .large {font-size: 1.2rem;} .xlarge {font-size: 2rem;} .xxlarge {font-size: 3rem;} -.xxxlarge {font-size: 3rem;} h1 { @extend .xxlarge; @@ -123,3 +123,15 @@ a, a:visited { .icon-bulk:before { content: "l"; } +.icon-arrow-up:before { + content: "h"; +} +.icon-arrow-right:before { + content: "m"; +} +.icon-arrow-left:before { + content: "n"; +} +.icon-arrow-bottom:before { + content: "o"; +} diff --git a/app/styles/layout/base.scss b/app/styles/layout/base.scss index 30742ff6..5d7a3edd 100644 --- a/app/styles/layout/base.scss +++ b/app/styles/layout/base.scss @@ -21,7 +21,6 @@ body { justify-content: flex-start; align-content: stretch; align-items: stretch; - height: 100%; } .menu-secondary { diff --git a/app/styles/main.scss b/app/styles/main.scss index e9cf5279..115608d8 100755 --- a/app/styles/main.scss +++ b/app/styles/main.scss @@ -15,6 +15,7 @@ $prefix-for-spec: true; @import 'dependencies/colors'; @import 'dependencies/typography'; @import 'dependencies/elements'; +@import 'dependencies/mixins'; //Components @import 'components/buttons'; @@ -29,6 +30,7 @@ $prefix-for-spec: true; //Modules @import 'modules/nav'; @import 'modules/sidebar'; +@import 'modules/sprints'; @import 'modules/burndown'; @import 'modules/backlog-table'; diff --git a/app/styles/modules/sprints.scss b/app/styles/modules/sprints.scss new file mode 100644 index 00000000..353dc803 --- /dev/null +++ b/app/styles/modules/sprints.scss @@ -0,0 +1,121 @@ +.sprints{ + .summary{ + background: $grayLight; + @include clearfix; + ul { + width: 40%; + } + li { + color: $grayer; + } + } + .new-sprint { + float: right; + } + .sprint-name { + font-family: 'ostrichSans'; + margin-right: 3px; + @extend .large; + max-width: 100px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + vertical-align: middle; + display: inline-block; + } + .sprint-date { + font-family: 'ostrichSans'; + color: $grayLight; + @extend .large; + } + .sprint { + .sprint-summary { + width: 65%; + display: inline-block; + } + ul { + float: right; + width: 32%; + .number { + @extend .large; + } + .description { + @extend .xsmall; + line-height: .6rem; + margin-top: 5px; + } + } + li { + display: inline-block; + &:first-child { + margin-right: 3px; + } + } + } + .sprint-progress-bar{ + height: 8px; + margin-bottom: 0; + background: $grayLight; + width: 100%; + position: relative; + border-radius: 2px; + margin-top: .5rem; + .current-progress { + position: absolute; + top: 0; + left: 0; + width: calc(30% - 4px); + background: $greenTaiga; + height: 8px; + border-radius: 2px; + } + } + .sprint-table { + display:flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: flex-start; + align-content: stretch; + align-items: center; + width: 100%; + .row { + display:flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: flex-start; + align-content: stretch; + align-items: stretch; + width: 100%; + text-align: left; + padding: .5em 0; + border-bottom: 1px solid $grayLight; + @for $i from 1 through 8 { + .width-#{$i} { + flex-grow: $i; + flex-shrink: 0; + flex-basis: 50px; + } + } + &:hover { + background: lighten($grayLight, 10%); + @include transition (background .2s ease-in); + cursor: move; + } + &:last-child { + border-bottom: none; + } + } + .column-us { + @extend .small; + padding: 0 4px; + span { + @include ellipsis(250px); + display: block; + } + } + .column-points { + text-align: right; + padding: 0 4px; + } + } +} diff --git a/app/views/modules/sprints.jade b/app/views/modules/sprints.jade new file mode 100644 index 00000000..335dd164 --- /dev/null +++ b/app/views/modules/sprints.jade @@ -0,0 +1,33 @@ +section.sprints + header + h1 SPRINTS + div.summary + ul + li + span.number 12 + span.description project
points + div.new-sprint + a.button-green(href="", title="Add New US") + span.text + New sprint + + section.sprint.sprint-current + header + div.sprint-summary + a.icon.icon-arrow-up(href="", title="compact Sprint") + span.sprint-name current sprint + span.sprint-date 04/06/14-20/06/14 + ul + li + span.number 12 + span.description closed
points + li + span.number 24 + span.description total
points + div.sprint-progress-bar + div.current-progress + div.sprint-table + - for (var x = 0; x < 10; x++) + div.row + div.column-us.width-8 + span #125 Crear el perfil de usuario Senior en el admin + div.column-points.width-1 45