Change modal height to perpercentage of container height

This commit is contained in:
summerscope
2014-08-07 15:39:39 +10:00
parent 28a04c5e84
commit be9acf526d

View File

@@ -9,19 +9,19 @@ dialog, .reveal-modal
// Sets up max heights based on device height
@media all and (min-height: 1025px)
max-height: 800px
max-height: 80%
@media all and (min-height: 700px) and (max-height: 1024px)
max-height: 600px
max-height: 70%
@media all and (min-height: 600px) and (max-height: 699px)
max-height: 560px
max-height: 60%
@media all and (min-height: 481px) and (max-height: 599px)
max-height: 440px
max-height: 60%
@media only screen and (max-height: 480px)
max-height: 440px
max-height: 60%
@media handheld and (max-height: 480px)
max-height: 100%