diff --git a/common/web/gesture-recognizer/src/tools/unit-test-resources/host-fixture/gestureHost.css b/common/web/gesture-recognizer/src/tools/unit-test-resources/host-fixture/gestureHost.css index cb1df3a5d7..93ad3bfc87 100644 --- a/common/web/gesture-recognizer/src/tools/unit-test-resources/host-fixture/gestureHost.css +++ b/common/web/gesture-recognizer/src/tools/unit-test-resources/host-fixture/gestureHost.css @@ -22,28 +22,28 @@ border: 1px dashed lightgray; } -#demo-container { +#host-fixture { max-width: fit-content; max-height: fit-content; } -#demo-container.screen4.bounds1.full { +#host-fixture.screen4.bounds1.full { padding: 20px 0px 0px 0px; } -#demo-container.screen4.bounds2.full { +#host-fixture.screen4.bounds2.full { padding: 30px 10px 0px 10px; } -#demo-container.bounds4.full { +#host-fixture.bounds4.full { padding: 0px 0px 45px 0px; } -#demo-container.screen3.bounds4.full { +#host-fixture.screen3.bounds4.full { padding: 0px; } -#demo-container.screen4.bounds4.full { +#host-fixture.screen4.bounds4.full { padding: 25px 0px 45px 0px; } @@ -69,20 +69,50 @@ .safe-zone { border: 1px dashed black; position: absolute; + z-index: 101; + pointer-events: none; +} + +.safe-default .safe-zone { + margin: 2px; + width: calc(100% - 6px); + height: calc(100% - 6px); +} + +.safe-loose .safe-zone { margin: 4px; width: calc(100% - 10px); height: calc(100% - 10px); - z-index: 101; - pointer-events: none; +} + +.safe-generous .safe-zone { + margin: 16px; + width: calc(100% - 34px); + height: calc(100% - 34px); } .safe-proximity { border: 1px dashed lightgray; position: absolute; + pointer-events: none; +} + +.safe-default .safe-proximity { + margin: 3px; + width: calc(100% - 8px); + height: calc(100% - 8px); +} + +.safe-loose .safe-proximity { margin: 5px; width: calc(100% - 12px); height: calc(100% - 12px); - pointer-events: none; +} + +.safe-generous .safe-proximity { + margin: 20px; + width: calc(100% - 42px); + height: calc(100% - 42px); } #faux-page { diff --git a/common/web/gesture-recognizer/src/tools/unit-test-resources/host-fixture/host-fixture.html b/common/web/gesture-recognizer/src/tools/unit-test-resources/host-fixture/host-fixture.html index b6df3caa5e..5a6b85c4b3 100644 --- a/common/web/gesture-recognizer/src/tools/unit-test-resources/host-fixture/host-fixture.html +++ b/common/web/gesture-recognizer/src/tools/unit-test-resources/host-fixture/host-fixture.html @@ -19,11 +19,11 @@ -
+
-
+