Add files via upload

createcandle · Jan 18, 2024 · 9757ce6 · 9757ce6
1 parent 947072c
commit 9757ce6
Show file tree

Hide file tree

Showing 3 changed files with 604 additions and 350 deletions.
diff --git a/css/style.css b/css/style.css
@@ -63,7 +63,7 @@ input::placeholder{
   max-height:100vh;
   overflow:auto;
   /*overflow-y:auto;*/
-  padding:13px;
+  padding:.7rem;
   position:absolute;
   z-index:6;
   display:none;
@@ -82,14 +82,20 @@ input::placeholder{
 
 #extension-floorplanner-content #extension-floorplanner-areaValue {
   position:absolute;
-  bottom: 6rem;
-  right: 1.6rem;
+  /*bottom: 6rem;
+  right: 1.6rem;*/
+  top: 1rem;
+  left: 115px;
   padding:5px;
   color:rgba(0,0,0,.2);
   font-size:1.5em;
   pointer-events:none;
 }
-#extension-floorplanner-content header{display:none;font-size:11px}
+
+#extension-floorplanner-content header{
+	display:none;
+	font-size:11px;
+}
 
 
 
@@ -424,7 +430,7 @@ background-color: #5bc0de;
 
 
 #extension-floorplanner-content button{
-	padding:.5rem .7rem;
+	padding:.5rem .6rem;
 	border-radius:.5rem;
 	border:none;
 	background-color:#ccc;
@@ -534,6 +540,18 @@ background-color: #5bc0de;
 	box-sizing:border-box;
 }
 
+#extension-floorplanner-tool-root .extension-floorplanner-flex-between.extension-floorplanner-menu-area{
+	align-items:baseline;
+}
+
+#extension-floorplanner-tool-root .extension-floorplanner-flex-between.extension-floorplanner-menu-area > *{
+	width:auto;
+}
+#extension-floorplanner-tool-root .extension-floorplanner-flex-between.extension-floorplanner-menu-area p{
+	text-align:left;
+}
+
+
 .extension-floorplanner-flex-wrap{
 	flex-wrap:wrap;
 }
@@ -888,7 +906,7 @@ body:not(.developer) .extension-floorplanner-show-if-developer{
 	left:0;
 	width:100vw;
 	height:100vh;
-	opacity:0.3;
+	opacity:0;
 }
 
 #extension-floorplanner-svg-container-bg-image > svg{
@@ -954,13 +972,14 @@ body:not(.developer) .extension-floorplanner-show-if-developer{
 	text-align:right;
 }
 
-
-
 .extension-floorplanner-menu-area{
 	background-color:rgba(0,0,0,.15);
 	border-radius:.5rem;
 	padding:.1rem .5rem .8rem .5rem;
+	box-sizing:border-box;
+	margin-bottom:.5rem;
 }
+
 .extension-floorplanner-menu-area p{
 	text-align:center;
 }
@@ -1005,9 +1024,11 @@ body:not(.developer) .extension-floorplanner-show-if-developer{
 	font-weight:bold;
 }
 #extension-floorplanner-energy_list > div{
-	padding:1rem;
 	margin:.5rem;
+	/*
+	padding:1rem;
 	border:1px solid #ddd;
+	*/
 	border-radius:.5rem;
 	display:flex;
 	flex-wrap:wrap;
@@ -1120,7 +1141,16 @@ g#extension-floorplanner-boxbind{
 	display:flex;
 	align-items:center;
 	justify-content:center;
-	margin:.3rem;
+	margin: 0 0 .6rem .6rem;
+}
+
+body.touch #extension-floorplanner-content .extension-floorplanner-pull-right button{
+	margin:.4rem;
+}
+
+body.touch #extension-floorplanner-content .extension-floorplanner-floorplan-item{
+    width: 6.4rem;
+    max-width: 6.4rem;
 }
 
 
@@ -1266,19 +1296,24 @@ g#extension-floorplanner-boxbind{
 
 #extension-floorplanner-floorplans-list{
 	position:fixed;
-	right:2rem;
-	top:17rem;
-	bottom:10rem;
+	right:-10rem;
+	top:16rem;
+	bottom:0rem;
 	overflow:auto;
-	display:flex;
+	display:block;
 	flex-direction:column;
 	align-items:center;
 	justify-content:center;
+	pointer-events:none;
+}
+
+#extension-floorplanner-floorplans-list > li{
+	pointer-events:auto;
 }
 
 
 #extension-floorplanner-floorplans-list:empty{
-	display:none
+	display:none;
 }
 
 
@@ -1473,8 +1508,18 @@ g#extension-floorplanner-boxbind{
 	background-color:#08d!important;
 }
 
+#extension-floorplanner-boxinfo{
+	position:absolute;
+	bottom:10px;
+	left:210px;
+	font-size:1.5em;
+	color:#08d;
+}
 
-
+#extension-floorplanner-content #extension-floorplanner-settings{
+	display:none;
+	width:200px;
+}
 
 
 
@@ -1483,7 +1528,7 @@ g#extension-floorplanner-boxbind{
 #extension-floorplanner-moveBox{
 	position:absolute;
 	right:-200px;
-	top:10px;
+	top:1rem;
 	color:#08d;
 	background:transparent;
 	z-index:2;
@@ -1497,16 +1542,21 @@ g#extension-floorplanner-boxbind{
 	position:absolute;
 	z-index:100;
 	right:-150px;
-	bottom:20px;
+	/*bottom:20px;*/
 	text-align:center;
 	background:transparent;
 	padding:0px;
 	color:#fff;
 	transition-duration: 0.2s;transition-timing-function: ease-in;
 
 }
+
 #extension-floorplanner-zoomBox2{
-	bottom:10px
+	top:1rem;
+	right:-165px;
+}
+.extension-floorplanner-zoom-in-out-button{
+	opacity:.5;
 }
 
 #extension-floorplanner-scaleVal{
@@ -1515,18 +1565,16 @@ g#extension-floorplanner-boxbind{
 	background:#4b79aa;
 	border-radius:4px;
 	margin-right:1rem;
+	pointer-events:none;
 }
 
 
-
 #extension-floorplanner-start-floorplanner-button-container{
 	position:fixed;
 	bottom:1rem;
 	left:1rem;
 }
 
-
-
 #extension-floorplanner-modal-new-floorplan-name-input{
 	background-color:#eee;
 	color:black;
@@ -1538,16 +1586,12 @@ g#extension-floorplanner-boxbind{
 	border-radius:.5rem;
 }
 
-
 #extension-floorplanner-clone-button{
 	display:flex;
 	align-items:center;
 	justify-content:center;
 }
 
-
-
-
 #extension-floorplanner-content button#extension-floorplanner-fire-exit:first-letter{
 	transform:rotate(45deg);
 	transform: scaleX(-1);
@@ -1561,6 +1605,7 @@ g#extension-floorplanner-boxbind{
 	}
 }
 
+
 @media screen and ( max-height: 850px ){
 	.extension-floorplanner-vertical-shrinker{
 		display:flex;
@@ -1594,13 +1639,16 @@ g#extension-floorplanner-boxbind{
 		font-size:1.1rem;
 	}
 
-
-
 	#extension-floorplanner-node_mode{
 		font-size:1.1rem;
 	}
+
+	#extension-floorplanner-content button{
+		padding:.3rem .5rem;
+	}
 }
 
+
 @media screen and ( max-height: 650px ){
 	.extension-floorplanner-vertical-shrinker3{
 		display:flex;
@@ -1623,6 +1671,10 @@ g#extension-floorplanner-boxbind{
 	    padding: .8rem 0 1rem 0;
 	}
 
+	#extension-floorplanner-content button{
+		padding:.2rem .5rem;
+	}
+
 }
 
 
@@ -1639,14 +1691,17 @@ g#extension-floorplanner-boxbind{
 	}
 }
 
-@media screen and (max-height: 850px), (max-width: 850px) {
+@media screen and (max-height: 799px), (max-width: 850px) {
 	#extension-floorplanner-content .extension-floorplanner-pull-right button{
 		padding:1rem;
 		font-size:1rem;
 		min-width:1rem;
 		min-height:1rem;
 	}
-
+	#extension-floorplanner-floorplans-list{
+		top:10rem;
+	}
+	/*
 	#extension-floorplanner-moveBox{
 		right: -215px;
 	}
@@ -1656,9 +1711,12 @@ g#extension-floorplanner-boxbind{
 	#extension-floorplanner-scaleVal{
 		margin-right:0;
 	}
+	*/
+	/*
 	#extension-floorplanner-floorplans-list{
 		right:1rem;
 	}
+	*/
 
 	#extension-floorplanner-boxinfo{
 		display:none;
@@ -1684,16 +1742,21 @@ g#extension-floorplanner-boxbind{
 	#extension-floorplanner-content button{
 		padding:.4rem .5rem;
 	}
-
+	/*
 	#extension-floorplanner-floorplans-list{
 		top:12rem;
 		bottom:8rem;
 	}
+	*/
 	#extension-floorplanner-content #extension-floorplanner-areaValue{
 		bottom:5rem;
 		right:1rem;
 		padding:0;
 	}
+
+	#extension-floorplanner-zoomBox2{
+		right:-200px;
+	}
 }