mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-01-24 20:36:49 +00:00
Change modal height to perpercentage of container height
This commit is contained in:
@@ -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%
|
||||
|
||||
Reference in New Issue
Block a user