From 3fb98e6ae1199f046c5c6cb98798f304ddc3f4cb Mon Sep 17 00:00:00 2001
From: David Lechner <david@pybricks.com>
Date: Thu, 12 May 2022 19:23:49 -0500
Subject: [PATCH] ViewHeightSensor: hard-code style

This style is not about looks, so hard-code it instead of using style sheets.
---
 src/utils/ViewHeightSensor.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/utils/ViewHeightSensor.tsx b/src/utils/ViewHeightSensor.tsx
index 660aa3d0..2fcf6b52 100644
--- a/src/utils/ViewHeightSensor.tsx
+++ b/src/utils/ViewHeightSensor.tsx
@@ -1,3 +1,6 @@
+// SPDX-License-Identifier: MIT
+// Copyright (c) 2022 The Pybricks Authors
+
 /* This is a hack for correctly sizing to view height on mobile when not running in fullscreen mode. */
 
 import { ResizeSensor } from '@blueprintjs/core';
@@ -15,7 +18,10 @@ function ViewHeightSensor(): JSX.Element {
                 );
             }}
         >
-            <div id="pb-vh" className="h-100 w-100 p-absolute" />
+            <div
+                id="pb-vh"
+                style={{ height: '100%', width: '100%', position: 'absolute' }}
+            />
         </ResizeSensor>
     );
 }