diff --git a/app/partials/us-detail.jade b/app/partials/us-detail.jade
new file mode 100644
index 00000000..139f34c3
--- /dev/null
+++ b/app/partials/us-detail.jade
@@ -0,0 +1,31 @@
+extends layout
+
+block head
+ title Taiga Project management web application with scrum in mind!
+
+block content
+ div.main.us-detail
+ div.us-detail-header
+ h1
+ span ProjectName
+ span.green User Story
+ a.button.button-green(href="", title="Edit") Edit
+ section.us-story-main-data
+ h2.us-title
+ span.us-number 125
+ span.us-name Tagear contenido dentro de las catas privadas
+ div.user-story-tags
+ - for(var y = 0; y < 6; y++)
+ include views/components/tag
+ input(type="text", placeholder="Add Tag")
+ section.us-content
+ p Hay que cambiar el texto "Hola NombreDelUsuario" por "Nivel de conexion al XX%"
+ p La propuesta que esperábamos de UX debía incluir nombre y nivel de conexión. Esperamos nueva propuesta corregida donde aparezca tanto el nombre como el % de conexión
+ p Test de aceptación
+ ul
+ li Entro en la aplicación
+ li Compruebo que el indicador crece
+ p Prototipos
share.axure.com/lalala
+ p Prototipos
share.axure.com/lalala
+ include views/modules/attachments
+ sidebar.menu-secondary.sidebar
diff --git a/app/partials/views/modules/attachments.jade b/app/partials/views/modules/attachments.jade
new file mode 100644
index 00000000..030860d7
--- /dev/null
+++ b/app/partials/views/modules/attachments.jade
@@ -0,0 +1,20 @@
+section.attachments
+ div.attachments-header
+ div.attachments-inner
+ h3.attachments-title
+ span.icon.icon-attachment
+ span.attachments-num {{5}}
+ span.attachemnts-text attachments
+ a.button.button-gray(href="", title="Add new attachment")
+ span +new file
+ div.attachment-body
+ div.attachments-inner
+ div.attachment-single
+ div.attachment-name
+ span.icon.icon-document
+ span pefildeusuario.png
+ div.attachment-comment
+ span Comentario sobre el contenido
+ span.attachment-size (125kb.)
+ a.icon.icon-edit(href="","Edit")
+ a.icon.icon-drag-v(href="","Drag")
diff --git a/app/styles/dependencies/typography.scss b/app/styles/dependencies/typography.scss
index 71a47cd8..e390eeab 100755
--- a/app/styles/dependencies/typography.scss
+++ b/app/styles/dependencies/typography.scss
@@ -115,80 +115,80 @@ a:visited {
}
.icon-backlog:before {
- content: 'a';
+ content: 'a';
}
.icon-issues:before {
- content: 'b';
+ content: 'b';
}
.icon-kanban:before {
- content: 'c';
+ content: 'c';
}
.icon-search:before {
- content: 'd';
+ content: 'd';
}
.icon-video:before {
- content: 'e';
+ content: 'e';
}
.icon-wiki:before {
- content: 'f';
+ content: 'f';
}
.icon-settings:before {
- content: 'g';
+ content: 'g';
}
.icon-move:before {
- content: 'i';
+ content: 'i';
}
.icon-filter:before {
- content: 'j';
+ content: 'j';
}
.icon-tag:before {
- content: 'k';
+ content: 'k';
}
.icon-bulk:before {
- content: 'l';
+ content: 'l';
}
.icon-arrow-up:before {
- content: 'h';
+ content: 'h';
}
.icon-arrow-right:before {
- content: 'm';
+ content: 'm';
}
.icon-arrow-left:before {
- content: 'n';
+ content: 'n';
}
.icon-arrow-bottom:before {
- content: 'o';
+ content: 'o';
}
.icon-edit:before {
- content: 'p';
+ content: 'p';
}
.icon-delete:before {
- content: 'q';
+ content: 'q';
}
.icon-iocaine:before {
- content: 'r';
+ content: 'r';
}
.icon-drag-h:before {
- content: 's';
+ content: 's';
}
.icon-drag-v:before {
- content: 't';
+ content: 't';
}
.icon-fontawesome-webfont:before {
- content: 'u';
+ content: 'u';
}
.icon-fontawesome-webfont-1:before {
- content: 'v';
+ content: 'v';
}
.icon-clipboard-notes:before {
- content: 'w';
+ content: 'w';
}
.icon-male:before {
- content: 'x';
+ content: 'x';
}
.icon-plus:before {
- content: 'y';
+ content: 'y';
}
.icon-attachment:before {
- content: 'A';
+ content: 'A';
}
diff --git a/app/styles/layout/us-detail.scss b/app/styles/layout/us-detail.scss
new file mode 100644
index 00000000..7e9b9471
--- /dev/null
+++ b/app/styles/layout/us-detail.scss
@@ -0,0 +1,32 @@
+.us-detail-header {
+ position: relative;
+ .button {
+ color: $white;
+ position: absolute;
+ right: 0;
+ top: 0;
+ }
+}
+.us-story-main-data {
+ margin-bottom: 2rem;
+ .us-title {
+ @extend %xlarge;
+ background: $whitish;
+ font-family: 'DroidSans';
+ padding: 2rem 1rem;
+ .us-number {
+ color: $gray-light;
+ margin-right: .5rem;
+ }
+ .us-name {
+ color: $grayer;
+ }
+ }
+}
+
+.user-story-tags {
+ input {
+ display: inline-block;
+ width: 14rem;
+ }
+}
diff --git a/app/styles/main.scss b/app/styles/main.scss
index a4d2d3bf..d5d64ae8 100755
--- a/app/styles/main.scss
+++ b/app/styles/main.scss
@@ -29,6 +29,7 @@ $prefix-for-spec: true;
@import 'layout/base';
@import 'layout/backlog';
@import 'layout/taskboard';
+@import 'layout/us-detail';
//Modules
@import 'modules/nav';
@@ -39,6 +40,7 @@ $prefix-for-spec: true;
@import 'modules/filters';
@import 'modules/lightbox';
@import 'modules/taskboard-table';
+@import 'modules/attachments';
@import 'modules/search-filter';
@import 'modules/search-result-table';
diff --git a/app/styles/modules/attachments.scss b/app/styles/modules/attachments.scss
new file mode 100644
index 00000000..8b137891
--- /dev/null
+++ b/app/styles/modules/attachments.scss
@@ -0,0 +1 @@
+
diff --git a/app/us-detail.jade b/app/us-detail.jade
deleted file mode 100644
index 62b6aaa6..00000000
--- a/app/us-detail.jade
+++ /dev/null
@@ -1,31 +0,0 @@
-extends layout
-
-block head
- title Taiga Project management web application with scrum in mind!
-
-block content
- div.main.us-detail
- header
- h1
- span ProjectName
- span.green User Story
- a.button.button-green(href="", title="Edit") Edit
- section.us-story-main-data
- h2.us-title
- span.us-number 125
- span-us-name Tagear contenido dentro de las catas privadas
- div.user-story-tags
- - for(var y = 0; y < 6; y++)
- include views/components/tag
- input(type="text", placeholder="Add Tag")
- div.us-description
- p Hay que cambiar el texto "Hola NombreDelUsuario" por "Nivel de conexion al XX%"
- p La propuesta que esperábamos de UX debía incluir nombre y nivel de conexión. Esperamos nueva propuesta corregida donde aparezca tanto el nombre como el % de conexión
- p Test de aceptación
- ul
- li Entro en la aplicación
- li Compruebo que el indicador crece
- p Prototipos
share.axure.com/lalala
- p Prototipos
share.axure.com/lalala
- include views/modules/attachments
- sidebar.menu-secondary.sidebar
diff --git a/app/views/modules/attachments.jade b/app/views/modules/attachments.jade
deleted file mode 100644
index d9dbaae8..00000000
--- a/app/views/modules/attachments.jade
+++ /dev/null
@@ -1,9 +0,0 @@
-section.attachments
- div.attachments-header
- div.attachments-inner
- h3.attachments-title
- span.icon.icon-attachment
- span.attachments-num {{5}}
- span.attachemnts-text attachments
- a(href="", title="Add new attachment")
- span.icon.icon-plus