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

Modal styling updates ated trying to fix mobile scrolling issue. getting there.

Browse Source
This commit is contained in:
summerscope
2014-09-12 13:40:00 +10:00
parent a28eaba31a
commit 0dd33e6635
1 changed files with 13 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
app/assets/stylesheets/darkswarm/modals.css.sass
View File

@@ -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