www.spaceplanner.app

commit c53321a7755dc0697d84fc547521081f0d592062
parent 02e731eeba3150622ee0722c4b96593c3d3a3ccd
Author: Jacob R. Edwards <jacob@jacobedwards.org>
Date:   Fri, 18 Oct 2024 16:51:16 -0700

Improve some user agents experience

Some user agents (Safari) don't seem respect the viewport meta tags,
but using a combination of fixed elements and setting touch-action
to none seems to help.

Also made buttons a bit bigger.

Diffstat:
M
files/floorplans/floorplan/main.css
 | 
18
+++++++++++++++++-

1 file changed, 17 insertions(+), 1 deletion(-)
diff --git a/files/floorplans/floorplan/main.css b/files/floorplans/floorplan/main.css
@@ -5,6 +5,14 @@ body {
 	width: 100vw;
 	height: calc(100vh - var(--bar-height));
 	background-color: white;
+
+	// Seems
+	touch-action: none;
+	overflow: hidden;
+}
+
+#bar {
+	position: fixed;
 }
 
 #editor {
@@ -14,14 +22,22 @@ body {
 	width: 100%;
 	height: 100%;
 	padding: 0;
+	position: fixed;
+}
+
+button, input, select {
+	font-size: large;
 }
 
 header {
+	position: fixed;
 	padding: .2em .5em;
+	width: 100vw;
 	border-bottom: thin solid lightgrey;
+	background-color: white;
 }
 
-header > h1 {
+h1.fp_name {
 	padding: 0;
 	margin: 0;
 	font-weight: normal;