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

Reworking the homepage styles to work on mobile as well as screen

Browse Source
This commit is contained in:
Will Marshall
2013-11-06 14:14:55 +11:00
parent 0784642517
commit f9a4718bdd
2 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
app/assets/stylesheets/search/temp_landing_page.css.scss
View File

@@ -32,4 +32,19 @@ a.inactive {
.group-header {
min-height: emCalc(55);
vertical-align: top;
}
}
@media only screen and (max-width: 768px) {
.hub_group.landing-page-row {
padding-bottom: 0px;
&.with-bottom-border {
padding-top: 0px;
}
& > .columns {
margin-bottom: 60px;
}
}
.group-header {
min-height: 0px;
}
}

2
app/views/home/temp_landing_page.html.haml
View File

@@ -30,7 +30,7 @@
%h3 WHERE WOULD YOU LIKE TO SHOP?
%p.secondary Select your hub from the list below
- @groups.in_groups_of(4, false) do |row|
.row.landing-page-row{:class => (row.last == @groups.last ? "with-bottom-border" : "")}
.row.landing-page-row.hub_group{:class => (row.last == @groups.last ? "with-bottom-border" : "")}
- row.each do |group|
.large-3.columns
.group-header