diff options
| author | Clemens <cle1000.cb@gmail.com> | 2016-08-06 09:09:45 +0200 |
|---|---|---|
| committer | Clemens <cle1000.cb@gmail.com> | 2016-08-06 09:09:45 +0200 |
| commit | ab322f0be46a07759a7651e8c4975a61d2e067f1 (patch) | |
| tree | 5ca069aaabd2464386dbc8dd2e528cd68d5f92f3 /web | |
| parent | 9b0b007a5da75d70ec25b141c2a47b1b0010f5a3 (diff) | |
| download | mitmproxy-ab322f0be46a07759a7651e8c4975a61d2e067f1.tar.gz mitmproxy-ab322f0be46a07759a7651e8c4975a61d2e067f1.tar.bz2 mitmproxy-ab322f0be46a07759a7651e8c4975a61d2e067f1.zip | |
add sticky footer contentview
Diffstat (limited to 'web')
| -rw-r--r-- | web/src/css/contentview.less | 3 | ||||
| -rw-r--r-- | web/src/css/flowdetail.less | 6 | ||||
| -rw-r--r-- | web/src/js/components/ContentView/CodeEditor.jsx | 2 |
3 files changed, 6 insertions, 5 deletions
diff --git a/web/src/css/contentview.less b/web/src/css/contentview.less index becac9a2..ec5efab8 100644 --- a/web/src/css/contentview.less +++ b/web/src/css/contentview.less @@ -11,4 +11,7 @@ .text{ } + .codeeditor{ + margin-bottom: 12px; + } } diff --git a/web/src/css/flowdetail.less b/web/src/css/flowdetail.less index 421630eb..1d884e88 100644 --- a/web/src/css/flowdetail.less +++ b/web/src/css/flowdetail.less @@ -6,6 +6,8 @@ .flow-detail { width: 100%; overflow:hidden; + display: flex; + flex-direction: column; nav { background-color: #F2F2F2; @@ -44,18 +46,14 @@ display: flex; flex-direction: column; padding: 0 !important; - height:95%; } .flowview-body{ - position:relative; - flex: 1 1 auto; overflow: auto; padding: 5px 12px 0; } .flowview-footer{ - flex: 0 0 auto; box-shadow: 0 0 3px gray; padding: 2px; margin: 0; diff --git a/web/src/js/components/ContentView/CodeEditor.jsx b/web/src/js/components/ContentView/CodeEditor.jsx index 95f1b98b..d0430e6f 100644 --- a/web/src/js/components/ContentView/CodeEditor.jsx +++ b/web/src/js/components/ContentView/CodeEditor.jsx @@ -14,7 +14,7 @@ export default function CodeEditor ( { content, onChange} ){ lineNumbers: true }; return ( - <div onKeyDown={e => e.stopPropagation()}> + <div className="codeeditor" onKeyDown={e => e.stopPropagation()}> <Codemirror value={content} onChange={onChange} options={options}/> </div> ) |