issue filter

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

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

app/partials/views/modules/search-in.jade

@@ -1,4 +1,4 @@
-section.search
+section.search-in
     header
         form
             fieldset

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"],

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';

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;
+    }
+}

app/styles/modules/search-in.scss

@@ -0,0 +1,7 @@
+.search-in {
+    .icon {
+        position: absolute;
+        right: 10px;
+        top: 6px;
+    }
+}