Fixes in filters styles
parent
747d55c172
commit
88ccc4b153
|
@ -75,13 +75,13 @@ BacklogFiltersDirective = ($log, $location) ->
|
||||||
showFilters = (title) ->
|
showFilters = (title) ->
|
||||||
$el.find(".filters-cats").hide()
|
$el.find(".filters-cats").hide()
|
||||||
$el.find(".filter-list").show()
|
$el.find(".filter-list").show()
|
||||||
$el.find("h1 a.subfilter").removeClass("hidden")
|
$el.find("h2 a.subfilter").removeClass("hidden")
|
||||||
$el.find("h1 a.subfilter span.title").html(title)
|
$el.find("h2 a.subfilter span.title").html(title)
|
||||||
|
|
||||||
showCategories = ->
|
showCategories = ->
|
||||||
$el.find(".filters-cats").show()
|
$el.find(".filters-cats").show()
|
||||||
$el.find(".filter-list").hide()
|
$el.find(".filter-list").hide()
|
||||||
$el.find("h1 a.subfilter").addClass("hidden")
|
$el.find("h2 a.subfilter").addClass("hidden")
|
||||||
|
|
||||||
initializeSelectedFilters = (filters) ->
|
initializeSelectedFilters = (filters) ->
|
||||||
for name, values of filters
|
for name, values of filters
|
||||||
|
|
|
@ -404,13 +404,13 @@ IssuesFiltersDirective = ($log, $location) ->
|
||||||
showFilters = (title) ->
|
showFilters = (title) ->
|
||||||
$el.find(".filters-cats").hide()
|
$el.find(".filters-cats").hide()
|
||||||
$el.find(".filter-list").show()
|
$el.find(".filter-list").show()
|
||||||
$el.find("h1 a.subfilter").removeClass("hidden")
|
$el.find("h2 a.subfilter").removeClass("hidden")
|
||||||
$el.find("h1 a.subfilter span.title").html(title)
|
$el.find("h2 a.subfilter span.title").html(title)
|
||||||
|
|
||||||
showCategories = ->
|
showCategories = ->
|
||||||
$el.find(".filters-cats").show()
|
$el.find(".filters-cats").show()
|
||||||
$el.find(".filter-list").hide()
|
$el.find(".filter-list").hide()
|
||||||
$el.find("h1 a.subfilter").addClass("hidden")
|
$el.find("h2 a.subfilter").addClass("hidden")
|
||||||
|
|
||||||
initializeSelectedFilters = (filters) ->
|
initializeSelectedFilters = (filters) ->
|
||||||
for name, values of filters
|
for name, values of filters
|
||||||
|
|
|
@ -2,9 +2,7 @@ section.filters
|
||||||
div.filters-inner
|
div.filters-inner
|
||||||
h1
|
h1
|
||||||
a.title(href="", title="back to categories") filters
|
a.title(href="", title="back to categories") filters
|
||||||
a.hidden.subfilter(href="", title="cat-name")
|
|
||||||
span.icon.icon-arrow-right
|
|
||||||
span.title status
|
|
||||||
form
|
form
|
||||||
fieldset
|
fieldset
|
||||||
input(type="text", placeholder="Search by subject...", ng-model="filtersSubject")
|
input(type="text", placeholder="Search by subject...", ng-model="filtersSubject")
|
||||||
|
@ -12,6 +10,9 @@ section.filters
|
||||||
|
|
||||||
div.filters-step-cat
|
div.filters-step-cat
|
||||||
div.filters-applied
|
div.filters-applied
|
||||||
|
h2
|
||||||
|
a.hidden.subfilter(href="", title="cat-name")
|
||||||
|
span.title status
|
||||||
div.filters-cats
|
div.filters-cats
|
||||||
ul
|
ul
|
||||||
li
|
li
|
||||||
|
|
|
@ -1,18 +1,18 @@
|
||||||
// This template is now not used. It is replaced with
|
// This template is now not used. It is replaced with
|
||||||
// filters-issues.jade and filters-backlog.jade.
|
// issues-filters.jade and filters-backlog.jade.
|
||||||
|
|
||||||
section.filters
|
section.filters
|
||||||
div.filters-inner
|
div.filters-inner
|
||||||
h1
|
h1
|
||||||
a.title(href="", title="back to categories") filters
|
a.title(href="", title="back to categories") filters
|
||||||
a.hidden.subfilter(href="", title="cat-name")
|
|
||||||
span.icon.icon-arrow-right
|
|
||||||
span.title status
|
|
||||||
form
|
form
|
||||||
fieldset
|
fieldset
|
||||||
input(type="text", placeholder="Search by subject...", ng-model="filtersSubject")
|
input(type="text", placeholder="Search by subject...", ng-model="filtersSubject")
|
||||||
a.icon.icon-search(href="", title="search")
|
a.icon.icon-search(href="", title="search")
|
||||||
|
h2
|
||||||
|
a.hidden(href="", title="cat-name")
|
||||||
|
span.title status
|
||||||
div.filters-step-cat
|
div.filters-step-cat
|
||||||
div.filters-applied
|
div.filters-applied
|
||||||
div.filters-cats
|
div.filters-cats
|
||||||
|
|
|
@ -2,16 +2,15 @@ section.filters
|
||||||
div.filters-inner
|
div.filters-inner
|
||||||
h1
|
h1
|
||||||
a.title(href="", title="back to categories") filters
|
a.title(href="", title="back to categories") filters
|
||||||
a.hidden.subfilter(href="", title="cat-name")
|
|
||||||
span.icon.icon-arrow-right
|
|
||||||
span.title status
|
|
||||||
form
|
form
|
||||||
fieldset
|
fieldset
|
||||||
input(type="text", placeholder="Search by subject...", ng-model="filtersSubject")
|
input(type="text", placeholder="Search by subject...", ng-model="filtersSubject")
|
||||||
a.icon.icon-search(href="", title="search")
|
a.icon.icon-search(href="", title="search")
|
||||||
|
|
||||||
div.filters-step-cat
|
div.filters-step-cat
|
||||||
div.filters-applied
|
div.filters-applied
|
||||||
|
h2
|
||||||
|
a.hidden.subfilter(href="", title="cat-name")
|
||||||
|
span.title status
|
||||||
div.filters-cats
|
div.filters-cats
|
||||||
ul
|
ul
|
||||||
li
|
li
|
||||||
|
|
|
@ -2,7 +2,6 @@
|
||||||
input[type="text"],
|
input[type="text"],
|
||||||
textarea {
|
textarea {
|
||||||
@extend %title;
|
@extend %title;
|
||||||
background-color: $very-light-gray;
|
|
||||||
}
|
}
|
||||||
fieldset {
|
fieldset {
|
||||||
@include table-flex();
|
@include table-flex();
|
||||||
|
|
|
@ -221,6 +221,6 @@
|
||||||
@include slide(1000px, overflow-y);
|
@include slide(1000px, overflow-y);
|
||||||
}
|
}
|
||||||
.button-gray {
|
.button-gray {
|
||||||
background: lighten($grayer, 40%);
|
background: $very-light-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -19,9 +19,6 @@
|
||||||
.filters {
|
.filters {
|
||||||
h1 {
|
h1 {
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
.subfilter {
|
|
||||||
@extend %large;
|
|
||||||
}
|
|
||||||
.icon {
|
.icon {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
@ -29,8 +26,21 @@
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
h2 {
|
||||||
|
margin-top: 1rem;
|
||||||
|
.subfilter {
|
||||||
|
@extend %large;
|
||||||
|
}
|
||||||
|
}
|
||||||
form {
|
form {
|
||||||
|
input {
|
||||||
|
background: $grayer;
|
||||||
|
@include placeholder {
|
||||||
|
color: $gray-light;
|
||||||
|
}
|
||||||
|
}
|
||||||
.icon-search {
|
.icon-search {
|
||||||
|
color: $gray-light;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: .7rem;
|
right: .7rem;
|
||||||
top: .7rem;
|
top: .7rem;
|
||||||
|
@ -50,10 +60,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.filter-list {
|
|
||||||
margin-top: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.filters-cats {
|
.filters-cats {
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
li {
|
li {
|
||||||
|
|
|
@ -23,6 +23,13 @@
|
||||||
float: right;
|
float: right;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
input {
|
||||||
|
background: $grayer;
|
||||||
|
color: $whitish;
|
||||||
|
@include placeholder {
|
||||||
|
color: $gray-light;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.button {
|
.button {
|
||||||
color: $white;
|
color: $white;
|
||||||
|
|
Loading…
Reference in New Issue