diff --git a/app/assets/javascripts/darkswarm/cookies_policy/cookies_policy.html.haml b/app/assets/javascripts/darkswarm/cookies_policy/cookies_policy.html.haml index 2e9f5f1cd6..aaef3324c7 100644 --- a/app/assets/javascripts/darkswarm/cookies_policy/cookies_policy.html.haml +++ b/app/assets/javascripts/darkswarm/cookies_policy/cookies_policy.html.haml @@ -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 diff --git a/app/assets/stylesheets/darkswarm/modals.css.scss b/app/assets/stylesheets/darkswarm/modals.css.scss index 69ad042374..f477ba92f8 100644 --- a/app/assets/stylesheets/darkswarm/modals.css.scss +++ b/app/assets/stylesheets/darkswarm/modals.css.scss @@ -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;