raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-02-27 01:43:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Styling search for shopfront page

Browse Source
This commit is contained in:
summerscope
2014-07-11 12:27:51 +10:00
parent 6adc056ce0
commit 88b1b8b104
2 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/stylesheets/darkswarm/active_table_search.css.sass
View File

@@ -14,6 +14,9 @@
.filter-box
background: rgba(255,255,255,0.65)
products .filter-box
background: #f7f7f7
.tdhead
padding: 0.25rem 0.5rem
margin-top: 0.9rem

15
app/views/shop/products/_form.html.haml
View File

@@ -4,17 +4,20 @@
= form_for :order, :url => populate_orders_path, html: {:class => "custom"} do
.row
.small-6.columns
.small-12.medium-8.large-8.columns
%input#search.text{"ng-model" => "query",
placeholder: "Search products",
placeholder: "Search by product or producer",
"ng-debounce" => "150",
"ofn-disable-enter" => true}
.small-6.columns
%input.button.primary.right{type: :submit, value: "Add to Cart"}
= render partial: "shop/products/filters"
= render partial: "shop/products/filters"
%div{bindonce: true}
.small-12.medium-4.large-4.columns
%input.button.primary.right{type: :submit, value: "Add to Cart"}
%div.pad-top{bindonce: true}
%product.animate-repeat{"ng-controller" => "ProductNodeCtrl",
"ng-repeat" => "product in Product.products | products:query | taxons:activeTaxons | orderBy:ordering.order"}
%div