Now shows new/old instance locations, and a transformed grid

Lorp · May 15, 2024 · 2b25677 · 2b25677
1 parent 63c3f59
commit 2b25677
Show file tree

Hide file tree

Showing 2 changed files with 428 additions and 279 deletions.
diff --git a/src/fencer.html b/src/fencer.html
@@ -10,6 +10,7 @@
 :root {
 	font-family: IBM Plex Sans;
 	font-size: 16px;
+	--currentLocationColor:#077bf6;
 }
 
 body {
@@ -104,7 +105,6 @@
 
 .render-container {
 	width: 100%;
-
 }
 
 .render-item {
@@ -126,6 +126,19 @@
 	font-size: 200px;
 }
 
+.render-item>label {
+	position: absolute;
+	left: 0;
+	bottom: 0;
+	background-color: green;
+	color: white;
+	font-size: 1em;
+	height: 1.4em;
+	width: 100%;
+	padding-left: 0.2em;
+	z-index: 10;
+}
+
 .render-controls-button {
 	position: absolute;
 	right: 4px;
@@ -145,12 +158,17 @@
 	top: 0;
 	_display: none; /* we toggle between "none" and "grid" */
 	display: none; /* we toggle between "none" and "block" */
-	_width: 100%;
+	width: 100%;
 	height: 100%;
 	font-family: IBM Plex Sans;
 	font-size: 14px;
-	background-color: white;
+	background-color: #0003;
 	overflow-y: scroll;
+
+}
+
+.render-controls div.axis * {
+	background-color: white;
 }
 
 .render-controls .axis {
@@ -283,10 +301,8 @@ <h3>Mappings XML <button id="toggle-xml">Toggle XML</button></h3>
 		</div>
 
 		<div>
-
-
-
 		</div>
+
 	</div>
 
 	<br clear="all"/>
@@ -302,15 +318,12 @@ <h3>Renders</h3>
 
 			<button id="add-render">Add instance</button>
 
-			<input id="sample-text" value="H">
+			<input id="sample-text" value="Rag">
 		</div>
 
 		<div class="render-container">
-			<div class="render-item">
-				<div class="render">H
-				</div>
-			</div>
 		</div>
+
 	</div>
 
 </body>