aboutsummaryrefslogtreecommitdiffstats
path: root/web/src
diff options
context:
space:
mode:
authorClemens <cle1000.cb@gmail.com>2016-08-06 09:09:45 +0200
committerClemens <cle1000.cb@gmail.com>2016-08-06 09:09:45 +0200
commitab322f0be46a07759a7651e8c4975a61d2e067f1 (patch)
tree5ca069aaabd2464386dbc8dd2e528cd68d5f92f3 /web/src
parent9b0b007a5da75d70ec25b141c2a47b1b0010f5a3 (diff)
downloadmitmproxy-ab322f0be46a07759a7651e8c4975a61d2e067f1.tar.gz
mitmproxy-ab322f0be46a07759a7651e8c4975a61d2e067f1.tar.bz2
mitmproxy-ab322f0be46a07759a7651e8c4975a61d2e067f1.zip
add sticky footer contentview
Diffstat (limited to 'web/src')
-rw-r--r--web/src/css/contentview.less3
-rw-r--r--web/src/css/flowdetail.less6
-rw-r--r--web/src/js/components/ContentView/CodeEditor.jsx2
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>
)