From a2d3171af7708696bc07ca78891b55d758cf38dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Magalh=C3=A3es?= <joamag@gmail.com>
Date: Fri, 11 Nov 2022 09:35:58 +0000
Subject: [PATCH] feat: improved keyboard for mobile
---
examples/web/react/components/display/display.css | 7 +++++++
examples/web/react/components/keyboard-gb/keyboard-gb.css | 6 ++++++
2 files changed, 13 insertions(+)
diff --git a/examples/web/react/components/display/display.css b/examples/web/react/components/display/display.css
index f0e987b7..47e4345e 100644
--- a/examples/web/react/components/display/display.css
+++ b/examples/web/react/components/display/display.css
@@ -57,6 +57,13 @@
-webkit-user-select: none;
}
+@media only screen and (max-width: 1120px) {
+ .display > .display-minimize {
+ top: 22px;
+ bottom: initial;
+ }
+}
+
.display > .display-minimize > img {
height: 32px;
width: 32px;
diff --git a/examples/web/react/components/keyboard-gb/keyboard-gb.css b/examples/web/react/components/keyboard-gb/keyboard-gb.css
index 3687d6b0..6d275578 100644
--- a/examples/web/react/components/keyboard-gb/keyboard-gb.css
+++ b/examples/web/react/components/keyboard-gb/keyboard-gb.css
@@ -7,6 +7,12 @@
pointer-events: none;
}
+@media only screen and (max-width: 1120px) {
+ .keyboard-container.fullscreen {
+ bottom: 0px;
+ }
+}
+
.keyboard-gb {
font-size: 0px;
text-align: center;
--
GitLab