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

Add toggle arrow indicators next to expandable objects

This commit is contained in:
chris (daiyi) 2017-09-19 21:45:31 +02:00 committed by Daniel Compton
parent 5a832abab4
commit ea2f3d6dab
3 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -460,6 +460,10 @@
color: #8f8f8f;
content: "▶ ";
}
#--re-frame-trace-- .re-frame-trace--object.expanded:before {
color: #8f8f8f;
content: "▼ ";
}
#--re-frame-trace-- .re-frame-trace--object > span {
vertical-align: text-top;
}

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

@ -579,7 +579,12 @@
color: @text-color-muted;
content: "▶ ";
}
// display: block;
&.expanded {
&:before {
color: @text-color-muted;
content: "▼ ";
}
}
&>span {
vertical-align: text-top;

6
src/day8/re_frame/trace/app_state.cljs
View File

@ -23,8 +23,10 @@
[jsonml]
(let [expand? (r/atom true)]
(fn []
[:span.re-frame-trace--object
{:on-click #(swap! expand? not)}
[:span
{:class (str/join " " ["re-frame-trace--object"
(when @expand? "expanded")])
:on-click #(swap! expand? not)}
(jsonml->hiccup (if @expand?
(cljs-devtools/body-api-call
(.-object (get jsonml 1))