Prodide specific tab widths for shop tabs when screen width > medium

This commit is contained in:
Rob Harrington
2018-05-30 17:05:31 +10:00
parent 16211da5f6
commit 8201da9fab
2 changed files with 5 additions and 5 deletions

View File

@@ -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

View File

@@ -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