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

Tweak the layout of hubs for responsive

Browse Source
This commit is contained in:
summerscope
2014-07-25 13:16:21 +10:00
parent 07432cebc3
commit d2850ae794
2 changed files with 6 additions and 6 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.medium-4.large-5.fat1
.columns.small-12.medium-6.large-5.fat1
 
%div{"bo-if" => "hub.taxons"}
%label Shop for
@@ -11,18 +11,18 @@
 
%div{"bo-if" => "hub.pickup || hub.delivery"}
%label Delivery options
%ul.small-block-grid-2.large-block-grid-1
%ul.small-block-grid-2.medium-block-grid-1.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.medium-5.large-5.fat3
.columns.small-12.medium-3.large-5.fat3
 
%div{"bo-if" => "hub.producers"}
%label Our producers
%ul.small-block-grid-2.large-block-grid-3
%ul.small-block-grid-2.medium-block-grid-1.large-block-grid-3
%li{"ng-repeat" => "enterprise in hub.producers"}
%producer-modal
%i.ofn-i_036-producers

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

@@ -1,12 +1,12 @@
.row.active_table_row{"ng-click" => "toggle()", "ng-class" => "{'closed' : !open()}"}
.columns.small-12.medium-5.large-5.skinny-head
.columns.small-12.medium-6.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-4.medium-2.large-2
{{ hub.address.city }}
.columns.small-2.medium-2.large-1
.columns.small-2.medium-1.large-1
{{ hub.address.state | uppercase }}
.columns.small-6.medium-3.large-4.text-right{"bo-if" => "hub.active"}