The media modal, attachment details modal, and link modal all have scrolling problems on mobile/touch devices. The page beneath them scrolls, resulting in stacked scrolling and a bad experience.
Nexus 5 Media Modal:
#gallery-52 {
margin: auto;
}
#gallery-52 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-52 img {
border: 2px solid #cfcfcf;
}
#gallery-52 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */
Nexus 5 Link Modal:
#gallery-53 {
margin: auto;
}
#gallery-53 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-53 img {
border: 2px solid #cfcfcf;
}
#gallery-53 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */
Nexus 5 Attachment Details Modal:
#gallery-54 {
margin: auto;
}
#gallery-54 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-54 img {
border: 2px solid #cfcfcf;
}
#gallery-54 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */
iPhone 5, all three modals:
#gallery-55 {
margin: auto;
}
#gallery-55 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-55 img {
border: 2px solid #cfcfcf;
}
#gallery-55 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */
