From 1143552e1690f8b96b3d95381f7f06cbb46ead59 Mon Sep 17 00:00:00 2001 From: Maximilian Hils Date: Sun, 22 Mar 2015 00:21:38 +0100 Subject: web: add content views --- libmproxy/web/static/app.css | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'libmproxy/web/static/app.css') diff --git a/libmproxy/web/static/app.css b/libmproxy/web/static/app.css index 4f24ddd9..cf2db2c6 100644 --- a/libmproxy/web/static/app.css +++ b/libmproxy/web/static/app.css @@ -290,6 +290,9 @@ header .menu { max-height: 100px; overflow-y: auto; } +.view-selector { + margin-top: 10px; +} .flow-detail table { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; width: 100%; @@ -316,6 +319,13 @@ header .menu { text-overflow: ellipsis; white-space: nowrap; } +.flowview-image { + text-align: center; +} +.flowview-image img { + max-width: 100%; + max-height: 100%; +} .eventlog { height: 200px; flex: 0 0 auto; -- cgit v1.2.3 From 89d66360d6f7caa9760fe56fa146396b1b4251dc Mon Sep 17 00:00:00 2001 From: Maximilian Hils Date: Sun, 22 Mar 2015 00:28:08 +0100 Subject: tweak css --- libmproxy/web/static/app.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'libmproxy/web/static/app.css') diff --git a/libmproxy/web/static/app.css b/libmproxy/web/static/app.css index cf2db2c6..91e847a4 100644 --- a/libmproxy/web/static/app.css +++ b/libmproxy/web/static/app.css @@ -290,6 +290,9 @@ header .menu { max-height: 100px; overflow-y: auto; } +.flow-detail hr { + margin: 0 0 5px; +} .view-selector { margin-top: 10px; } @@ -309,6 +312,9 @@ header .menu { width: 50%; padding-right: 1em; } +.header-table td { + line-height: 1.3em; +} .header-table .header-name { width: 33%; padding-right: 1em; -- cgit v1.2.3 From 941584623281905fec22d8857c5501d196c051f7 Mon Sep 17 00:00:00 2001 From: Maximilian Hils Date: Sun, 22 Mar 2015 02:25:47 +0100 Subject: web: raw content view --- libmproxy/web/static/app.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'libmproxy/web/static/app.css') diff --git a/libmproxy/web/static/app.css b/libmproxy/web/static/app.css index 91e847a4..ccaefe92 100644 --- a/libmproxy/web/static/app.css +++ b/libmproxy/web/static/app.css @@ -271,7 +271,8 @@ header .menu { } .flow-detail { width: 100%; - overflow: auto; + overflow-x: auto; + overflow-y: scroll; } .flow-detail nav { background-color: #F2F2F2; -- cgit v1.2.3 From 2acd77dea025b489d5d0ca19fc1c84901ac335d4 Mon Sep 17 00:00:00 2001 From: Maximilian Hils Date: Sun, 22 Mar 2015 15:29:55 +0100 Subject: web: add content download --- libmproxy/web/static/app.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'libmproxy/web/static/app.css') diff --git a/libmproxy/web/static/app.css b/libmproxy/web/static/app.css index ccaefe92..d767ac76 100644 --- a/libmproxy/web/static/app.css +++ b/libmproxy/web/static/app.css @@ -294,7 +294,7 @@ header .menu { .flow-detail hr { margin: 0 0 5px; } -.view-selector { +.view-options { margin-top: 10px; } .flow-detail table { -- cgit v1.2.3 From 968c7021dfef00c459899520921faf7367e923d9 Mon Sep 17 00:00:00 2001 From: Maximilian Hils Date: Mon, 23 Mar 2015 00:24:56 +0100 Subject: web: add basic edit capability for first line --- libmproxy/web/static/app.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) (limited to 'libmproxy/web/static/app.css') diff --git a/libmproxy/web/static/app.css b/libmproxy/web/static/app.css index d767ac76..bc52381c 100644 --- a/libmproxy/web/static/app.css +++ b/libmproxy/web/static/app.css @@ -273,6 +273,10 @@ header .menu { width: 100%; overflow-x: auto; overflow-y: scroll; + /*.request .response-line, + .response .request-line { + opacity: 0.7; + }*/ } .flow-detail nav { background-color: #F2F2F2; @@ -291,9 +295,22 @@ header .menu { max-height: 100px; overflow-y: auto; } +.flow-detail .request-line { + margin-bottom: 2px; +} .flow-detail hr { margin: 0 0 5px; } +.inline-input { + margin: 0 -5px; + padding: 0 5px; +} +.inline-input[contenteditable] { + background-color: rgba(255, 255, 255, 0.2); +} +.inline-input[contenteditable].has-warning { + color: #ffb8b8; +} .view-options { margin-top: 10px; } -- cgit v1.2.3 From f39e6c5c18890de902d061226ba413254114c8ad Mon Sep 17 00:00:00 2001 From: Maximilian Hils Date: Fri, 27 Mar 2015 18:51:25 +0100 Subject: web: minor ux improvements --- libmproxy/web/static/app.css | 1 + 1 file changed, 1 insertion(+) (limited to 'libmproxy/web/static/app.css') diff --git a/libmproxy/web/static/app.css b/libmproxy/web/static/app.css index bc52381c..7d02299a 100644 --- a/libmproxy/web/static/app.css +++ b/libmproxy/web/static/app.css @@ -155,6 +155,7 @@ header .menu { top: 27px; display: block; max-width: none; + opacity: 0.9; } .filter-input .popover .popover-content { max-height: 500px; -- cgit v1.2.3 From fd911b75e6a59c1050815a6c183c4eb32aaabb98 Mon Sep 17 00:00:00 2001 From: Maximilian Hils Date: Sun, 29 Mar 2015 01:45:37 +0100 Subject: web: global key handling --- libmproxy/web/static/app.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'libmproxy/web/static/app.css') diff --git a/libmproxy/web/static/app.css b/libmproxy/web/static/app.css index 7d02299a..2e71a32b 100644 --- a/libmproxy/web/static/app.css +++ b/libmproxy/web/static/app.css @@ -50,6 +50,7 @@ body, #container { display: flex; flex-direction: column; + outline: none; } #container > header, #container > footer, @@ -60,7 +61,6 @@ body, flex: 1 1 auto; display: flex; flex-direction: row; - outline: 0; } .main-view.vertical { flex-direction: column; @@ -145,7 +145,7 @@ header .menu { padding-left: 2.5px; padding-right: 2.5px; } -@media (min-width: 992px) { +@media (min-width: 768px) { .filter-input { float: left; width: 25%; -- cgit v1.2.3 From 6d29f93e9eaaabe20c0d46887048f2367bfbb3cf Mon Sep 17 00:00:00 2001 From: Maximilian Hils Date: Mon, 30 Mar 2015 03:49:50 +0200 Subject: web: add prompt for keyboard navigation --- libmproxy/web/static/app.css | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) (limited to 'libmproxy/web/static/app.css') diff --git a/libmproxy/web/static/app.css b/libmproxy/web/static/app.css index 2e71a32b..a7dc4f00 100644 --- a/libmproxy/web/static/app.css +++ b/libmproxy/web/static/app.css @@ -351,6 +351,31 @@ header .menu { max-width: 100%; max-height: 100%; } +.prompt-dialog { + top: 0; + bottom: 0; + left: 0; + right: 0; + position: fixed; + z-index: 100; + background-color: rgba(0, 0, 0, 0.1); +} +.prompt-content { + position: fixed; + bottom: 0; + left: 0; + right: 0; + height: 25px; + padding: 2px 5px; + background-color: white; + box-shadow: 0 -1px 3px lightgray; +} +.prompt-content .option { + cursor: pointer; +} +.prompt-content .option:not(:last-child)::after { + content: ", "; +} .eventlog { height: 200px; flex: 0 0 auto; -- cgit v1.2.3 From d389b9c59d7f4a4918a15b5a40d771ccc154d751 Mon Sep 17 00:00:00 2001 From: Maximilian Hils Date: Mon, 8 Jun 2015 19:01:32 +0200 Subject: fix #615 --- libmproxy/web/static/app.css | 1 + 1 file changed, 1 insertion(+) (limited to 'libmproxy/web/static/app.css') diff --git a/libmproxy/web/static/app.css b/libmproxy/web/static/app.css index a7dc4f00..8a2a4356 100644 --- a/libmproxy/web/static/app.css +++ b/libmproxy/web/static/app.css @@ -59,6 +59,7 @@ body, } .main-view { flex: 1 1 auto; + height: 0; display: flex; flex-direction: row; } -- cgit v1.2.3