From f4a68e278657d1799efd43bec816b39650699352 Mon Sep 17 00:00:00 2001
From: OttoMao <ottomao@gmail.com>
Date: Wed, 1 Jul 2015 14:43:32 +0800
Subject: [PATCH] optimize the row height in web ui
---
package.json | 2 +-
test/test.js | 2 +-
web/build/recordPanel.js | 2 +-
web/css/page.css | 4 +++-
web/page.js | 2 +-
web/src/recordPanel.js | 2 +-
6 files changed, 8 insertions(+), 6 deletions(-)
diff --git a/package.json b/package.json
index 69e194e..3df7701 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "anyproxy",
- "version": "3.5.1",
+ "version": "3.5.2",
"description": "A fully configurable proxy in NodeJS, which can handle HTTPS requests perfectly.",
"main": "proxy.js",
"bin": {
diff --git a/test/test.js b/test/test.js
index 83b6e13..5205cfe 100644
--- a/test/test.js
+++ b/test/test.js
@@ -21,7 +21,7 @@ exports.avalibility = function(test){
//test web socket
setTimeout(function(){
var ws = new WebSocket('ws://127.0.0.1:' + SOCKET_PORT , {
- protocolVersion: 8
+ protocolVersion: 8
});
ws.on('open', function open(){});
diff --git a/web/build/recordPanel.js b/web/build/recordPanel.js
index 96a107d..59cb492 100644
--- a/web/build/recordPanel.js
+++ b/web/build/recordPanel.js
@@ -28,7 +28,7 @@ function init(React){
React.createElement("table", {className: "uk-table uk-table-condensed uk-table-hover"},
React.createElement("thead", null,
React.createElement("tr", null,
- React.createElement("th", {className: "col_id"}, "id"),
+ React.createElement("th", {className: "col_id"}, "#"),
React.createElement("th", {className: "col_method"}, "method"),
React.createElement("th", {className: "col_code"}, "code"),
React.createElement("th", {className: "col_host"}, "host"),
diff --git a/web/css/page.css b/web/css/page.css
index df9f398..4758bc4 100644
--- a/web/css/page.css
+++ b/web/css/page.css
@@ -118,7 +118,7 @@ body, html {
.mainTableWrapper thead{
background: #F4F5F9;
- border-bottom: 1px solid #777;
+ border-bottom: 1px solid #AAA;
}
.mainTableWrapper td,
@@ -127,6 +127,8 @@ body, html {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
+ font-size: 12px;
+ line-height: 16px;
}
.mainTableWrapper tbody tr{
diff --git a/web/page.js b/web/page.js
index 55d46fb..8f295cb 100644
--- a/web/page.js
+++ b/web/page.js
@@ -419,7 +419,7 @@
React.createElement("table", {className: "uk-table uk-table-condensed uk-table-hover"},
React.createElement("thead", null,
React.createElement("tr", null,
- React.createElement("th", {className: "col_id"}, "id"),
+ React.createElement("th", {className: "col_id"}, "#"),
React.createElement("th", {className: "col_method"}, "method"),
React.createElement("th", {className: "col_code"}, "code"),
React.createElement("th", {className: "col_host"}, "host"),
diff --git a/web/src/recordPanel.js b/web/src/recordPanel.js
index 9dbdd6d..7ce041d 100644
--- a/web/src/recordPanel.js
+++ b/web/src/recordPanel.js
@@ -28,7 +28,7 @@ function init(React){
<table className="uk-table uk-table-condensed uk-table-hover">
<thead>
<tr>
- <th className="col_id">id</th>
+ <th className="col_id">#</th>
<th className="col_method">method</th>
<th className="col_code">code</th>
<th className="col_host">host</th>