diff --git a/app/search.jade b/app/search.jade new file mode 100644 index 00000000..8e5580c8 --- /dev/null +++ b/app/search.jade @@ -0,0 +1,12 @@ +extends layout + +block head + title Taiga Project management web application with scrum in mind! + +block content + sidebar.menu-secondary.sidebar + include views/modules/search-in + + section.main.search-result + include views/components/mainTitle + include views/modules/search-filter diff --git a/app/styles/main.scss b/app/styles/main.scss index 77883d90..c2dc4bf9 100755 --- a/app/styles/main.scss +++ b/app/styles/main.scss @@ -39,6 +39,7 @@ $prefix-for-spec: true; @import 'modules/filters'; @import 'modules/lightbox'; @import 'modules/taskboard-table'; +@import 'modules/search-filter'; // Responsive @import 'responsive/mobile'; diff --git a/app/styles/modules/search-filter.scss b/app/styles/modules/search-filter.scss new file mode 100644 index 00000000..d0bf2653 --- /dev/null +++ b/app/styles/modules/search-filter.scss @@ -0,0 +1,21 @@ +.search-filter { + ul { + display: flex; + } + li { + margin-right: 1rem; + } + a { + @extend %large; + font-family: 'ostrichSans'; + opacity: .2; + &:hover { + @include transition (opacity .3s linear); + color: $blackish; + opacity: 1; + } + } + .icon { + margin-right: .4rem; + } +} diff --git a/app/views/modules/search-filter.jade b/app/views/modules/search-filter.jade new file mode 100644 index 00000000..a1e9dd57 --- /dev/null +++ b/app/views/modules/search-filter.jade @@ -0,0 +1,31 @@ +section.search-filter + ul + li + a.active(href="#") + span.icon.icon-bulk + | 20 User Stories + + li + a(href="#") + span.icon.icon-issues + | 3 Issues + + li + a(href="#") + span.icon.icon-bulk + | 23 Task + + li + a(href="#") + span.icon.icon-wiki + | 2 Wiki pages + + li + a(href="#") + span.icon.icon-edit + | 12 Documents + + li + a(href="#") + span.icon.icon-edit + | 3 Users \ No newline at end of file diff --git a/app/views/modules/search-in.jade b/app/views/modules/search-in.jade new file mode 100644 index 00000000..5caa8f5f --- /dev/null +++ b/app/views/modules/search-in.jade @@ -0,0 +1,6 @@ +section.search + header + form + fieldset + input(type="text", placeholder="Search in...") + a.icon.icon-search(href="", title="search") diff --git a/gulpfile.js b/gulpfile.js index 67155945..b43f6546 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -28,12 +28,12 @@ var paths = { gulp.task('jade', function() { return gulp.src(paths.jade) - .on('error', function(err) { - console.log(err); - }) .pipe(jade({ pretty: true })) + .on('error', function(err) { + console.log(err); + }) .pipe(gulp.dest(paths.dist)) .pipe(size()); }); diff --git a/package.json b/package.json index 8545bf31..57bac52d 100644 --- a/package.json +++ b/package.json @@ -26,6 +26,7 @@ "gulp-minify-html": "^0.1.3", "gulp-newer": "^0.3.0", "gulp-notify": "^1.2.5", + "gulp-plumber": "^0.6.2", "gulp-ruby-sass": "^0.4.3", "gulp-scss-lint": "0.0.6", "gulp-styledocco": "0.0.1",