add pan and zoom; improve ui

hlorenzi · Jul 22, 2019 · 871730b · 871730b
1 parent 6a0e134
commit 871730b
Show file tree

Hide file tree

Showing 16 changed files with 365 additions and 127 deletions.
diff --git a/index.html b/index.html
@@ -79,24 +79,99 @@
 			border: 2px solid #88a;
 			border-radius: 0.5em;
 			background-color: transparent;
+			outline: none;
+		}
+
+		.buttonTool:hover
+		{
+			background-color: #88a;
+		}
+
+		.buttonTool:active
+		{
+			background-color: #446;
 		}
 
 		.buttonToolSelected
 		{
 			background-color: #851;
 		}
 
+		.buttonToolSelected:hover
+		{
+			background-color: #851;
+		}
+
 		.buttonToolIcon
 		{
 			width: 4em;
 			height: 4em;
 		}
 
-		.buttonMenu
+		.toolbarButton
+		{
+			background-color: #668;
+			color: #fff;
+			border: 2px solid #668;
+			border-radius: 0.25em;
+			outline: none;
+			user-select: none;
+		}
+
+		.toolbarButton:hover
+		{
+			background-color: #88a;
+			border-color: #88a;
+		}
+
+		.toolbarButton:active
+		{
+			background-color: #446;
+			border-color: #446;
+		}
+
+		.editBox
 		{
+			white-space: nowrap;
+			background-color: #223;
+			color: #def;
+			border: 2px solid #668;
+			border-radius: 0.5em;
+			margin: 0.5em;
+			padding: 0.5em;
+		}
+
+		.editBoxButton
+		{
+			background-color: #668;
+			color: #def;
+			border: 2px solid #668;
+			border-radius: 0.25em;
+			outline: none;
+			user-select: none;
+		}
+
+		.editBoxButton:hover
+		{
+			background-color: #88a;
+			border-color: #88a;
+		}
+
+		.editBoxButton:active
+		{
+			background-color: #446;
+			border-color: #446;
+		}
+
+		.editBoxNumberInput
+		{
+			width: 3em;
+			padding: 0.5em;
+			background-color: #234;
 			color: #def;
-			cursor: pointer;
-			text-decoration: underline;
+			text-align: right;
+			border: 1px solid #668;
+			border-radius: 0.25em;
 		}
 	</style>
 

diff --git a/package.json b/package.json
@@ -2,6 +2,7 @@
   "name": "circuitsim",
   "version": "0.1.0",
   "description": "",
+  "private": true,
   "scripts": {
     "build": "webpack",
     "watch": "webpack --watch --mode development",
@@ -15,13 +16,21 @@
     "url": "https://github.com/hlorenzi/circuitsim/issues"
   },
   "homepage": "https://github.com/hlorenzi/circuitsim#readme",
+  "browserslist": [
+    "> 0.2%",
+    "not dead",
+    "not ie 11"
+  ],
   "dependencies": {
     "@babel/cli": "^7.5.0",
     "@babel/core": "^7.5.4",
+    "@babel/preset-env": "^7.5.5",
     "@babel/preset-react": "^7.0.0",
     "babel-loader": "^8.0.6",
+    "core-js": "^3.1.4",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
+    "regenerator-runtime": "^0.13.3",
     "webpack": "^4.35.3",
     "webpack-cli": "^3.3.5"
   }