status-im
/
re-frame-10x
mirror of https://github.com/status-im/re-frame-10x.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix trace table bottom being clipped from view

This commit is contained in:
chris (daiyi) 2017-09-02 07:34:32 +02:00 committed by Daniel Compton
parent 96d5aa5137
commit 01f883ca4d
3 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
resources/day8/re_frame/trace/main.css
View File

@ -259,16 +259,17 @@
#--re-frame-trace-- .nav { #--re-frame-trace-- .nav {
background: #efeef1; background: #efeef1;
color: #222222; color: #222222;
}
#--re-frame-trace-- .panel-content-top {
flex: 1;
}
#--re-frame-trace-- .panel-content-scrollable { #--re-frame-trace-- .panel-content-scrollable {
margin: 0 10px; margin: 0 10px;
flex: 1 0 auto; flex: 1 1 auto;
height: 100%; height: 100%;
overflow: auto; overflow: auto;
} }
#--re-frame-trace-- .tab-contents {
display: flex;
flex: 1 1 auto;
flex-direction: column;
}
#--re-frame-trace-- .filter-control { #--re-frame-trace-- .filter-control {
margin: 10px 0 0 10px; margin: 10px 0 0 10px;
} }

8
resources/day8/re_frame/trace/main.less
View File

@ -314,14 +314,18 @@
color: @text-color; color: @text-color;
} }
.panel-content-top { .panel-content-top {
flex: 1;
} }
.panel-content-scrollable { .panel-content-scrollable {
margin: 0 10px; margin: 0 10px;
flex: 1 0 auto; flex: 1 1 auto;
height: 100%; height: 100%;
overflow: auto; overflow: auto;
} }
.tab-contents {
display: flex;
flex: 1 1 auto;
flex-direction: column;
}
.filter-control { .filter-control {
margin: 10px 0 0 10px; margin: 10px 0 0 10px;
} }

2
src/day8/re_frame/trace.cljs
View File

@ -236,7 +236,7 @@
(add-filter filter-items @filter-input @filter-type))))] (add-filter filter-items @filter-input @filter-type))))]
[:div {:style {:flex "1 0 auto" :width "100%" :height "100%" :display "flex" :flex-direction "column"}} [:div.tab-contents
[:div.filter-control [:div.filter-control
[:div.filter-control-input [:div.filter-control-input
[:select {:value @filter-type [:select {:value @filter-type