From 88b1b8b104c55b7d48de939f3a9833453bb22fca Mon Sep 17 00:00:00 2001 From: summerscope Date: Fri, 11 Jul 2014 12:27:51 +1000 Subject: [PATCH] Styling search for shopfront page --- .../darkswarm/active_table_search.css.sass | 3 +++ app/views/shop/products/_form.html.haml | 15 +++++++++------ 2 files changed, 12 insertions(+), 6 deletions(-) diff --git a/app/assets/stylesheets/darkswarm/active_table_search.css.sass b/app/assets/stylesheets/darkswarm/active_table_search.css.sass index d8f253ee28..8bb131e9a9 100644 --- a/app/assets/stylesheets/darkswarm/active_table_search.css.sass +++ b/app/assets/stylesheets/darkswarm/active_table_search.css.sass @@ -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 diff --git a/app/views/shop/products/_form.html.haml b/app/views/shop/products/_form.html.haml index c3f3911f5a..891a903fa5 100644 --- a/app/views/shop/products/_form.html.haml +++ b/app/views/shop/products/_form.html.haml @@ -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