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

Tweak layout of columns for Hubs listing on medium and small views

Browse Source
This commit is contained in:
summerscope
2014-07-24 17:43:07 +10:00
parent 79b9db5d52
commit 995451351a
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/views/home/_fat.html.haml
View File

@@ -1,5 +1,5 @@
.row.active_table_row{"ng-show" => "open()", "ng-click" => "toggle()", "ng-class" => "{'open' : !ofn-i_032-closed-sign()}"}
.columns.small-12.large-5.fat1
.columns.small-12.medium-4.large-5.fat1
 
%div{"bo-if" => "hub.taxons"}
%label Shop for
@@ -7,18 +7,18 @@
%span.fat-taxons{"ng-repeat" => "taxon in hub.taxons"}
%render-svg{path: "{{taxon.icon}}"}
{{taxon.name}}
.columns.small-12.large-2.fat2
.columns.small-12.medium-3.large-2.fat2
 
%div{"bo-if" => "hub.pickup || hub.delivery"}
%label Delivery options
%ul.small-block-grid-1
%ul.small-block-grid-2.large-block-grid-1
%li.pickup{"bo-if" => "hub.pickup"}
%i.ofn-i_038-takeaway
Pickup
%li.delivery{"bo-if" => "hub.delivery"}
%i.ofn-i_039-delivery
Delivery
.columns.small-12.large-5.fat3
.columns.small-12.medium-5.large-5.fat3
 
%div{"bo-if" => "hub.producers"}
%label Our producers

10
app/views/home/_skinny.html.haml
View File

@@ -1,20 +1,20 @@
.row.active_table_row{"ng-click" => "toggle()", "ng-class" => "{'closed' : !open()}"}
.columns.small-12.large-5
.columns.small-12.medium-5.large-5.skinny-head
%a.hub{"bo-href" => "hub.path", "ng-class" => "{primary: hub.active, secondary: !hub.active}", "ofn-empties-cart" => "hub"}
%i.ofn-i_040-hub
%span
%strong {{ hub.name }}
.columns.small-3.large-2
.columns.small-4.medium-2.large-2
{{ hub.address.city }}
.columns.small-1.large-1
.columns.small-2.medium-2.large-1
{{ hub.address.state | uppercase }}
.columns.small-3.large-4.text-right{"bo-if" => "hub.active"}
.columns.small-6.medium-3.large-4.text-right{"bo-if" => "hub.active"}
%a.hub{"bo-href" => "hub.path", "ng-class" => "{primary: hub.active, secondary: !hub.active}", "ofn-empties-cart" => "hub"}
%i.ofn-i_033-open-sign
%span {{ hub.orders_close_at | sensible_timeframe }}
.columns.small-3.large-4.text-right{"bo-if" => "!hub.active"}
.columns.small-6.medium-3.large-4.text-right{"bo-if" => "!hub.active"}
%a.hub{"bo-href" => "hub.path", "ng-class" => "{primary: hub.active, secondary: !hub.active}", "ofn-empties-cart" => "hub"}
%i.ofn-i_032-closed-sign
%span Orders closed