onsenui
Version:
HTML5 Mobile Framework & UI Components
15 lines (13 loc) • 605 B
CSS
@media (orientation: portrait) {
html[onsflag-iphonex-portrait] .action-sheet {
bottom: calc(var(--iphonex-safe-area-inset-bottom-portrait) + 14px); /* bottom safe area + 14 pt (extra bottom margin) */
}
}
@media (orientation: landscape) {
html[onsflag-iphonex-landscape] .action-sheet {
/* The width in landscape mode is the same as the width in portrait mode */
left: calc((100vw - (100vh + 20px)) / 2);
right: calc((100vw - (100vh + 20px)) / 2);
bottom: calc(var(--iphonex-safe-area-inset-bottom-landscape) + 12px); /* bottom safe area + 12 pt (extra bottom margin) */
}
}