2.3.4

changelog.md

@@ -1,8 +1,10 @@
 # The Modding Tree changelog:
 
-## v2.3.4 - 12/
+## v2.3.4 - 12/16/20
 - Added an image feature, which puts an image on a node.
 - Resource display now always shows the amount of the currency the layer's gain is based on.
+- Added spacing between tree nodes.
+- Another attempt to fix tooltip flickering.
 
 ## v2.3.3 - 12/13/20
 - Fixed the first node in a row always taking up space.

js/Demo/demoMod.js

@@ -11,7 +11,7 @@ let modInfo = {
 
 // Set your version in num and name
 let VERSION = {
-	num: "2.3.3.1",
+	num: "2.3.4",
 	name: "Cooler and Newer Edition",
 }
 

js/components.js

@@ -388,7 +388,7 @@ function loadVue() {
 			key() {return this.$vnode.key}
 		},
 		template: `<div>
-		<span class="nodeRow" v-for="(row, r) in data"><table>
+		<span class="upgRow" v-for="(row, r) in data"><table>
 			<span v-for="(node, id) in row" style = "{width: 0px}">
 				<tree-node :layer='node' :abb='tmp[node].symbol' :key="key + '-' + r + '-' + id"></tree-node>
 			</span>

js/game.js

@@ -4,7 +4,7 @@ var gameEnded = false;
 
 // Don't change this
 const TMT_VERSION = {
-	tmtNum: "2.3.3.1",
+	tmtNum: "2.3.4",
 	tmtName: "Cooler and Newer Edition"
 }
 

style.css

@@ -56,15 +56,6 @@ td {
 	vertical-align: 0
 }
 
-.nodeRow {
-	display: flex !important;
-	flex-flow: row wrap;
-	justify-content: center;
-	align-items: center;
-	max-width: 100%;
-	margin: 0 auto;
-}
-
 h1, h2, h3, b, input {
 	display: inline;
 	font-family: "Lucida Console", "Courier New", monospace
@@ -84,6 +75,7 @@ h1, h2, h3, b, input {
 	color: rgba(0, 0, 0, 0.5);
 	text-shadow: var(--hqProperty3);
 	padding: 0;
+	margin: 0 10px 0 10px;
 }
 
 
@@ -99,7 +91,7 @@ h1, h2, h3, b, input {
 	color: rgba(0, 0, 0, 0.5);
 	text-shadow: var(--hqProperty3);
 	padding: 0;
-
+	margin: 0 10px 0 10px;
 }
 
 
@@ -559,9 +551,12 @@ ul {
 [tooltip]:before,
 [tooltip]:after {
 	visibility: hidden;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
 	opacity: 0;
 	pointer-events: none;
 	white-space: pre-wrap;
+	-webkit-transform:translate3d(0,0,0);
 }
 
 [tooltip]:before {
@@ -603,9 +598,12 @@ ul {
 
 [tooltip]:hover:before,
 [tooltip]:hover:after {
+	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
 	visibility: visible;
 	opacity: 1;
 	white-space: pre-wrap;
+	-webkit-transform:translate3d(0,0,0);
+
 }
 
 #loadingSection {