elgaard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Add some support for foldable devices

Browse source
This commit is contained in:
Robin van der Linde 2024-04-24 02:44:31 +02:00
parent 00ab3a1b77
commit 06e978ff49
Signed by untrusted user: Robin-van-der-Linde
GPG key ID: 53956B3252478F0D
4 changed files with 444 additions and 404 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/UI/Base/ModalRight.svelte
View file

@ -16,6 +16,7 @@
role="dialog"
style="max-width: 100vw; max-height: 100vh"
tabindex="-1"
id="modal-right"
use:trapFocus
>
<slot name="close-button">
@ -30,3 +31,12 @@
<slot />
</div>
</div>
<!-- Experimental support for foldable devices -->
<style lang="scss">
@media (horizontal-viewport-segments: 2) {
#modal-right {
width: 50%;
}
}
</style>