raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-03-03 02:21:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Enlarge potential size of modals for large screens

Browse Source 
Change modals for large screens from 10% position from top and 80% max
height, to 5% position from top and 90% max height.

This is to accommodate the taller cookies policy modal.

It seems that it is not easy to apply a custom position and height to a
specific modal only. This doesn't seem to be supported by the modal
library currently being used.

Before the recent changes, most modals were rendering at 10px top
position (not the originally planned 10%), so changing this to 5%
doesn't seem to be much of a compromise.
This commit is contained in:
Kristina Lim
2018-08-26 22:01:24 +08:00
parent f4725198e8
commit 169aa752d8
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/assets/stylesheets/darkswarm/animations.scss
View File

@@ -125,9 +125,9 @@
transition: transform 0.2s ease-out;
@media only screen and (min-width: 641px) {
-webkit-transform: translate(0, -10%);
-ms-transform: translate(0, -10%);
transform: translate(0, -10%);
-webkit-transform: translate(0, -5%);
-ms-transform: translate(0, -5%);
transform: translate(0, -5%);
}
}

4
app/assets/stylesheets/darkswarm/modals.css.scss
View File

@@ -29,8 +29,8 @@ dialog
// Medium and up - when modal IS NOT full screen
@media only screen and (min-width: 641px) {
top: 10%;
max-height: 80%;
top: 5%;
max-height: 90%;
}
}