raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-01-24 20:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add filters button on mobile and tablet

Browse Source
This commit is contained in:
Matt-Yorkley
2020-04-19 16:23:11 +02:00
parent 142cef3f3a
commit f43bf3880c
3 changed files with 19 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/stylesheets/darkswarm/shop.css.scss
View File

@@ -34,6 +34,14 @@
font-style: italic;
}
}
button {
background-color: $grey-600;
margin-left: 1em;
height: 3em;
width: 7em;
padding: 0;
}
}
products {

4
app/assets/stylesheets/darkswarm/ui.css.scss
View File

@@ -129,3 +129,7 @@ button.success, .button.success {
padding: 0;
}
}
.flex {
display: flex;
}

8
app/views/shop/products/_searchbar.haml
View File

@@ -1,7 +1,13 @@
.shop-searchbar
.row
.small-5.columns
.small-12.large-5.columns.flex
%input#search.text{"ng-model" => "query",
placeholder: t(:products_search),
"ng-debounce" => "200",
"ofn-disable-enter" => true}
.hide-for-large-up
%button{type: 'button'}
Filters
%span{ng: {show: 'filtersCount()' }}
({{ filtersCount() }})