diff --git a/app/partials/issues.jade b/app/partials/issues.jade new file mode 100644 index 00000000..da5c2228 --- /dev/null +++ b/app/partials/issues.jade @@ -0,0 +1,14 @@ +extends layout + +block head + title Taiga Project management web application with scrum in mind! + +block content + div.wrapper + sidebar.menu-secondary.sidebar + include views/modules/search-in + include views/modules/filter-tags + + section.main.admin-roles + header + include views/components/mainTitle diff --git a/app/partials/views/modules/filter-tags.jade b/app/partials/views/modules/filter-tags.jade new file mode 100644 index 00000000..318f8ed6 --- /dev/null +++ b/app/partials/views/modules/filter-tags.jade @@ -0,0 +1,12 @@ +div.filter-tags + div.filter-tag.selected(style="background-color: red") + div.tag-name Tagname + div.tag-count 4 + + div.filter-tag(style="background-color: blue") + div.tag-name Tagname + div.tag-count 4 + + div.filter-tag(style="background-color: green") + div.tag-name Tagname + div.tag-count 4 \ No newline at end of file diff --git a/app/partials/views/modules/search-in.jade b/app/partials/views/modules/search-in.jade index 5caa8f5f..9510a12f 100644 --- a/app/partials/views/modules/search-in.jade +++ b/app/partials/views/modules/search-in.jade @@ -1,4 +1,4 @@ -section.search +section.search-in header form fieldset diff --git a/app/styles/dependencies/forms.scss b/app/styles/dependencies/forms.scss index 8f6eca64..9fa008eb 100644 --- a/app/styles/dependencies/forms.scss +++ b/app/styles/dependencies/forms.scss @@ -4,12 +4,6 @@ fieldset { padding: 0; position: relative; width: 100%; - // xavi pleeeeeease - // .icon { - // position: absolute; - // right: 10px; - // top: 6px; - // } } input[type="text"], diff --git a/app/styles/main.scss b/app/styles/main.scss index c828796a..bec50bf0 100755 --- a/app/styles/main.scss +++ b/app/styles/main.scss @@ -35,6 +35,8 @@ $prefix-for-spec: true; @import 'modules/taskboard-table'; @import 'modules/search-filter'; @import 'modules/search-result-table'; +@import 'modules/search-in'; +@import 'modules/filter-tags'; @import 'modules/admin-menu'; @import 'modules/admin-submenu'; @import 'modules/admin-membership'; diff --git a/app/styles/modules/filter-tags.scss b/app/styles/modules/filter-tags.scss new file mode 100644 index 00000000..0f142693 --- /dev/null +++ b/app/styles/modules/filter-tags.scss @@ -0,0 +1,21 @@ +.filter-tags { + margin-top: 2rem; + .filter-tag { + color: $white; + cursor: pointer; + margin-bottom: 1rem; + opacity: .5; + padding: .5rem 1rem; + position: relative; + &.selected { + opacity: 1; + } + } + .tag-count { + background: none repeat scroll 0 0 rgba(0, 0, 0, .3); + padding: .5rem 1rem; + position: absolute; + right: 0; + top: 0; + } +} diff --git a/app/styles/modules/search-in.scss b/app/styles/modules/search-in.scss new file mode 100644 index 00000000..c035755a --- /dev/null +++ b/app/styles/modules/search-in.scss @@ -0,0 +1,7 @@ +.search-in { + .icon { + position: absolute; + right: 10px; + top: 6px; + } +}