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

Fixed background color issue with dataviewer component and made a 1px gap between the pods and their scrollbar

This commit is contained in:
Gregg8 2018-01-24 10:48:03 +11:00
parent dc650e9fa7
commit 08716872f4
2 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/day8/re_frame/trace/view/app_db.cljs
View File

@ -202,20 +202,21 @@
(clojure.data/diff (get-in @app-db-before path)
(get-in @app-db-after path)))]
[rc/v-box
:style {:margin-bottom pod-gap}
:style {:margin-bottom pod-gap
:margin-right "1px"}
:children [[pod-header pod-info]
[rc/v-box
:class (when open? "app-db-path--pod-border")
:children [[animated/component
(animated/v-box-options {:enter-animation "accordionVertical"
:leave-animation "accordionVertical"
:duration animation-duration
:style {:overflow-x "auto"
:overflow-y "hidden"}})
:duration animation-duration})
(when open?
[rc/v-box
:class (str "data-viewer" (when-not diff? " rounded-bottom"))
:style {:margin (css-join pod-padding pod-padding "0px" pod-padding)}
:style {:margin (css-join pod-padding pod-padding "0px" pod-padding)
:overflow-x "auto"
:overflow-y "hidden"}
:children [[components/simple-render
(get-in @app-db-after path)
["app-db-path" path]

11
src/day8/re_frame/trace/view/subs.cljs
View File

@ -148,20 +148,21 @@
(clojure.data/diff (get-in @app-db-before path)
(get-in @app-db-after path)))]
[rc/v-box
:style {:margin-bottom pod-gap}
:style {:margin-bottom pod-gap
:margin-right "1px"}
:children [[pod-header pod-info]
[rc/v-box
:class (when open? "app-db-path--pod-border")
:children [[animated/component
(animated/v-box-options {:enter-animation "accordionVertical"
:leave-animation "accordionVertical"
:duration animation-duration
:style {:overflow-x "auto"
:overflow-y "hidden"}})
:duration animation-duration})
(when open?
[rc/v-box
:class (str "data-viewer" (when-not diff? " rounded-bottom"))
:style {:margin (css-join pod-padding pod-padding "0px" pod-padding)}
:style {:margin (css-join pod-padding pod-padding "0px" pod-padding)
:overflow-x "auto"
:overflow-y "hidden"}
:children [[components/simple-render
(:value pod-info)]]])]
[animated/component