mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-01-24 20:36:49 +00:00
Prodide specific tab widths for shop tabs when screen width > medium
This commit is contained in:
@@ -22,10 +22,10 @@ module ShopHelper
|
||||
|
||||
def shop_tabs
|
||||
[
|
||||
{ name: 'about', title: t(:shopping_tabs_about, distributor: current_distributor.name) },
|
||||
{ name: 'producers', title: t(:label_producers) },
|
||||
{ name: 'contact', title: t(:shopping_tabs_contact) },
|
||||
{ name: 'groups', title: t(:label_groups) },
|
||||
{ name: 'about', title: t(:shopping_tabs_about, distributor: current_distributor.name), cols: 6 },
|
||||
{ name: 'producers', title: t(:label_producers), cols: 2 },
|
||||
{ name: 'contact', title: t(:shopping_tabs_contact), cols: 2 },
|
||||
{ name: 'groups', title: t(:label_groups), cols: 2 },
|
||||
]
|
||||
end
|
||||
end
|
||||
|
||||
@@ -4,6 +4,6 @@
|
||||
.tabset-ctrl#shop-tabs{ navigate: 'true', prefix: 'shop', ng: { cloak: true } }
|
||||
.row
|
||||
- shop_tabs.each do |tab|
|
||||
.small-12.medium-6.columns.tab{ id: "tab_#{tab[:name]}", name: tab[:name] }
|
||||
.small-12.columns.tab{ id: "tab_#{tab[:name]}", name: tab[:name], class: "medium-#{tab[:cols]}" }
|
||||
%a{ href: 'javascript:void(0)' }=tab[:title]
|
||||
.small-12.columns.tab-view
|
||||
|
||||
Reference in New Issue
Block a user