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

Fix screen-width bug for desktop down

Browse Source 
The width of these elements was ~105% of total screen width, adding horizontal scrollbars and whitespace on the left hand side
This commit is contained in:
Matt-Yorkley
2020-07-07 16:44:33 +02:00
committed by Maikel Linke
parent 6bcf11e308
commit b79d9bd75b
2 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/stylesheets/darkswarm/shop.scss
View File

@@ -16,6 +16,16 @@
padding-right: 0;
padding-left: 0;
}
.row.full {
width: 100%;
margin: 0;
.columns.full {
padding-right: 0;
padding-left: 0;
}
}
}
products {

6
app/views/shop/products/_form.html.haml
View File

@@ -5,8 +5,8 @@
.row
.footer-pad.small-12.columns.product-listing
.row
.medium-12.large-10.columns
.row.full
.medium-12.large-10.columns.full
= render partial: "shop/products/search_feedback"
%div{ "infinite-scroll" => "loadMore()", "infinite-scroll-distance" => "1", "infinite-scroll-disabled" => 'Products.loading' }
@@ -19,7 +19,7 @@
.summary
.small-12.columns.text-center
= t :products_loading
.row
.row.full
.small-12.columns.text-center
%img.spinner{ src: image_path("spinning-circles.svg") }