diff options
author | Maximilian Hils <git@maximilianhils.com> | 2014-09-22 03:06:19 +0200 |
---|---|---|
committer | Maximilian Hils <git@maximilianhils.com> | 2014-09-22 03:06:19 +0200 |
commit | 45f39c23804e12459e810a1f5014d892e4177b48 (patch) | |
tree | da7dfb5884642968a096b6563a02aff63f19a178 /libmproxy/web/static/css | |
parent | 84e2a028c24f00ea86205dbfe5b9315c57d5ae3f (diff) | |
download | mitmproxy-45f39c23804e12459e810a1f5014d892e4177b48.tar.gz mitmproxy-45f39c23804e12459e810a1f5014d892e4177b48.tar.bz2 mitmproxy-45f39c23804e12459e810a1f5014d892e4177b48.zip |
beef up event log
Diffstat (limited to 'libmproxy/web/static/css')
-rw-r--r-- | libmproxy/web/static/css/app.css | 43 |
1 files changed, 39 insertions, 4 deletions
diff --git a/libmproxy/web/static/css/app.css b/libmproxy/web/static/css/app.css index f0ed95dd..8cdfbac6 100644 --- a/libmproxy/web/static/css/app.css +++ b/libmproxy/web/static/css/app.css @@ -60,6 +60,7 @@ body, flex: 1 1 auto; display: flex; flex-direction: row; + outline: 0; } .main-view.vertical { flex-direction: column; @@ -212,27 +213,61 @@ header .menu { table-layout: fixed; word-break: break-all; } -.flow-detail table tr { +.flow-detail table tr:not(:first-child) { border-top: 1px solid #f7f7f7; } .flow-detail table td { vertical-align: top; } .connection-table td:first-child { - width: 33%; + width: 50%; padding-right: 1em; } .header-table .header-name { width: 33%; padding-right: 1em; } +.connection-table td, +.timing-table td { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} .eventlog { + height: 200px; + flex: 0 0 auto; + display: flex; + flex-direction: column; +} +.eventlog > div { + background-color: #F2F2F2; + padding: 0 5px; flex: 0 0 auto; +} +.eventlog > pre { + flex: 1 1 auto; margin: 0; border-radius: 0; - height: 200px; - overflow: auto; + overflow-x: auto; overflow-y: scroll; + background-color: #fcfcfc; +} +.eventlog .fa-close { + cursor: pointer; + float: right; + color: grey; + padding: 3px 0; + padding-left: 10px; +} +.eventlog .fa-close:hover { + color: black; +} +.eventlog .label { + cursor: pointer; + vertical-align: middle; + display: inline-block; + margin-top: -2px; + margin-left: 3px; } footer { box-shadow: 0 -1px 3px #d3d3d3; |