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

Making the modals higher relative to their respective window

Browse Source
This commit is contained in:
summerscope
2014-08-22 12:11:41 +10:00
committed by Rob H
parent 36f719d538
commit 08d3eb6f93
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,22 +6,26 @@ dialog, .reveal-modal
outline: none
padding: 1rem
overflow-y: scroll
top: 10%
@media all and (max-width: 640px)
top: 0
// Sets up max heights based on device height
@media all and (min-height: 1025px)
max-height: 80%
max-height: 70%
top: 15%
@media all and (min-height: 700px) and (max-height: 1024px)
max-height: 70%
max-height: 80%
@media all and (min-height: 600px) and (max-height: 699px)
max-height: 60%
max-height: 80%
@media all and (min-height: 481px) and (max-height: 599px)
max-height: 60%
max-height: 80%
@media only screen and (max-height: 480px) and (min-width: 641px)
max-height: 60%
max-height: 80%
@media all and (max-height: 480px)
overflow-y: scroll