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

Added a button to close the cookies policy page at the bottom of the page to improve UX on mobile

Browse Source
This commit is contained in:
luisramos0
2018-08-04 20:00:24 +01:00
committed by Maikel Linke
parent bff5581a42
commit 1c20967ca4
2 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/javascripts/darkswarm/cookies_policy/cookies_policy.html.haml
View File

@@ -175,3 +175,6 @@
%a.close-reveal-modal{"ng-click" => "$close()"}
%i.ofn-i_009-close
%a.mobile-close-reveal-modal{"ng-click" => "$close()"}
%i.ofn-i_009-close

11
app/assets/stylesheets/darkswarm/modals.css.scss
View File

@@ -55,6 +55,17 @@ dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {
}
}
.reveal-modal .mobile-close-reveal-modal, dialog .mobile-close-reveal-modal {
@extend .close-reveal-modal;
position: relative;
top: auto;
left: 90%;
@media only screen and (min-width: 40.063em) {
display: none;
}
}
// Prevent body from scrolling when a modal is open
body.modal-open {
overflow: hidden;