From 824616f6bdbc8f8a7443fe3ada5f89244f89f454 Mon Sep 17 00:00:00 2001 From: pathmapper Date: Fri, 9 Aug 2019 15:55:52 +0200 Subject: [PATCH 1/3] Make popups scrollable --- src/styles/_popup.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/styles/_popup.scss b/src/styles/_popup.scss index 2338f899..27a2f9eb 100644 --- a/src/styles/_popup.scss +++ b/src/styles/_popup.scss @@ -28,6 +28,8 @@ } .maputnik-feature-property-popup { + max-height: 500px; + overflow-y: auto; .maputnik-input-block { margin: 0; margin-left: $margin-2; From b30bbdc2486b69bc702e58600bc1dd2d964ddd94 Mon Sep 17 00:00:00 2001 From: pathmapper Date: Sat, 10 Aug 2019 10:37:39 +0200 Subject: [PATCH 2/3] Calculate popup height depending on viewport --- src/styles/_popup.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/_popup.scss b/src/styles/_popup.scss index 27a2f9eb..5f003778 100644 --- a/src/styles/_popup.scss +++ b/src/styles/_popup.scss @@ -28,7 +28,7 @@ } .maputnik-feature-property-popup { - max-height: 500px; + max-height: calc(100vh - 40px - 40px); /* toolbar height: 40px, padding: 40px */ overflow-y: auto; .maputnik-input-block { margin: 0; From 30edb881edd65ad44488c64aaa8bd20fdf8f5a52 Mon Sep 17 00:00:00 2001 From: pathmapper Date: Wed, 21 Aug 2019 14:41:14 +0200 Subject: [PATCH 3/3] Ensure popup is fully visible --- src/styles/_popup.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/_popup.scss b/src/styles/_popup.scss index 5f003778..f9aab490 100644 --- a/src/styles/_popup.scss +++ b/src/styles/_popup.scss @@ -28,7 +28,7 @@ } .maputnik-feature-property-popup { - max-height: calc(100vh - 40px - 40px); /* toolbar height: 40px, padding: 40px */ + max-height: calc(50vh - 40px); /* toolbar height: 40px */ overflow-y: auto; .maputnik-input-block { margin: 0;