From 0dd33e6635604e80598ec9662417852d71f18d10 Mon Sep 17 00:00:00 2001 From: summerscope Date: Fri, 12 Sep 2014 13:40:00 +1000 Subject: [PATCH] Modal styling updates ated trying to fix mobile scrolling issue. getting there. --- .../stylesheets/darkswarm/modals.css.sass | 30 ++++++++----------- 1 file changed, 13 insertions(+), 17 deletions(-) diff --git a/app/assets/stylesheets/darkswarm/modals.css.sass b/app/assets/stylesheets/darkswarm/modals.css.sass index 0681dd73b4..0d33841286 100644 --- a/app/assets/stylesheets/darkswarm/modals.css.sass +++ b/app/assets/stylesheets/darkswarm/modals.css.sass @@ -6,25 +6,21 @@ dialog, .reveal-modal outline: none padding: 1rem overflow-y: scroll - - // Sets up max heights based on device height - @media all and (min-height: 1025px) + + // Reveal.js + // @media only screen and (max-width: 40.063em) + + @media only screen and (max-width: 640px) + max-height: auto + position: absolute !important + top: 0 + left: 0 + + // Medium and up - when modal is NOT full screen + @media only screen and (min-width: 641px) + top: 10% max-height: 80% - @media all and (min-height: 700px) and (max-height: 1024px) - max-height: 70% - - @media all and (min-height: 600px) and (max-height: 699px) - max-height: 60% - - @media all and (min-height: 481px) and (max-height: 599px) - max-height: 60% - - @media only screen and (max-height: 480px) and (min-width: 641px) - max-height: 60% - - @media all and (max-height: 480px) - overflow-y: scroll .reveal-modal-bg