From aac57420c6ce08dde9405e7199dbe6a16dec2542 Mon Sep 17 00:00:00 2001
From: Christopher Willis-Ford <7019101+cwillisf@users.noreply.github.com>
Date: Wed, 19 May 2021 11:42:53 -0700
Subject: [PATCH] shrink telemetry modal on smaller viewports
If the viewport height is smaller than 660, shrink the margin above &
below the telemetry modal.
If the viewport height is smaller than 540, also remove the image banner
at the top of the telemetry modal.
---
src/components/telemetry-modal/telemetry-modal.css | 13 +++++++++++++
1 file changed, 13 insertions(+)
diff --git a/src/components/telemetry-modal/telemetry-modal.css b/src/components/telemetry-modal/telemetry-modal.css
index 564b0bd2f..73f2d6a1c 100644
--- a/src/components/telemetry-modal/telemetry-modal.css
+++ b/src/components/telemetry-modal/telemetry-modal.css
@@ -148,3 +148,16 @@ $ui-gray: hsla(0, 0%, 95%, 1);
box-shadow: none;
opacity: 0.25;
}
+
+@media screen and (max-height: 660px) {
+ .modal-content {
+ margin: 5vh auto;
+ width: 90%;
+ }
+}
+
+@media screen and (max-height: 540px) {
+ .illustration {
+ display: none;
+ }
+}
--
GitLab