From 5251a9e7c1208a50fed57213712b6ef140e5ee44 Mon Sep 17 00:00:00 2001 From: Juanfran Date: Mon, 23 Jun 2014 10:23:14 +0200 Subject: [PATCH] rename issues header to list filters --- app/partials/issues.jade | 2 +- app/partials/views/modules/list-filters.jade | 18 ++++++++++++ app/styles/main.scss | 2 +- app/styles/modules/list-filters.scss | 29 ++++++++++++++++++++ 4 files changed, 49 insertions(+), 2 deletions(-) create mode 100644 app/partials/views/modules/list-filters.jade create mode 100644 app/styles/modules/list-filters.scss diff --git a/app/partials/issues.jade b/app/partials/issues.jade index bcc46790..01cef0b4 100644 --- a/app/partials/issues.jade +++ b/app/partials/issues.jade @@ -16,5 +16,5 @@ block content header include views/components/mainTitle - include views/modules/issues-header + include views/modules/list-filters include views/modules/issues-table \ No newline at end of file diff --git a/app/partials/views/modules/list-filters.jade b/app/partials/views/modules/list-filters.jade new file mode 100644 index 00000000..f3bd8b8d --- /dev/null +++ b/app/partials/views/modules/list-filters.jade @@ -0,0 +1,18 @@ +section.list-filters + ul + li + a(href="#").active + span.icon.icon-issues + | SHOW LIST + + li + a(href="#") + span.icon.icon-graph + | SHOW GRAPH + + div.new-issue + a.button-green(href="") + span.text + | + NEW ISSUE + a.button-bulk(href="") + span.icon.icon-bulk \ No newline at end of file diff --git a/app/styles/main.scss b/app/styles/main.scss index a5d264ff..84d55184 100755 --- a/app/styles/main.scss +++ b/app/styles/main.scss @@ -37,7 +37,7 @@ $prefix-for-spec: true; @import 'modules/search-result-table'; @import 'modules/search-in'; @import 'modules/issues-table'; -@import 'modules/issues-header'; +@import 'modules/list-filters'; @import 'modules/filter-tags'; @import 'modules/admin-menu'; @import 'modules/admin-submenu'; diff --git a/app/styles/modules/list-filters.scss b/app/styles/modules/list-filters.scss new file mode 100644 index 00000000..c0913e1a --- /dev/null +++ b/app/styles/modules/list-filters.scss @@ -0,0 +1,29 @@ +.list-filters { + align-items: center; + background-color: $whitish; + display: flex; + justify-content: space-between; + padding: .5rem 1rem; + ul { + display: flex; + margin-bottom: 0; + } + li { + margin-right: 2rem; + a { + @extend %large; + font-family: 'ostrichSans'; + opacity: .4; + &.active, + &:hover { + @include transition (opacity .3s linear); + color: $blackish; + opacity: 1; + + } + } + .icon { + padding-right: .5rem; + } + } +}