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

Make expansion button not change size when expanding 

It seems like this needs to be in a variable width font for the size
to stay consistent.
This commit is contained in:
Daniel Compton 2017-10-24 15:16:22 +13:00
parent cb91c168dc
commit 92e7a2b1bd
4 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -455,3 +455,6 @@
#--re-frame-trace-- .re-frame-trace--object > span {
vertical-align: text-top;
}
#--re-frame-trace-- .expansion-button {
font-family: sans-serif;
}

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

@ -550,4 +550,8 @@
vertical-align: text-top;
}
}
.expansion-button {
font-family: sans-serif;
}
}

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

@ -168,7 +168,7 @@
nil)])}
[:td.trace--toggle
[:button (if show-row? "▼" "▶")]]
[:button.expansion-button (if show-row? "▼" "▶")]]
[:td.trace--op
[:span.op-string {:on-click (fn [ev]
(add-filter filter-items (name op-type) :contains)

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

@ -26,7 +26,7 @@
(when @expanded? "expanded")])}
[:span {:class "toggle"
:on-click #(swap! expanded? not)}
[:button (if @expanded? "▼" "▶")]]
[:button.expansion-button (if @expanded? "▼" "▶")]]
(jsonml->hiccup (if @expanded?
(cljs-devtools/body-api-call
(.-object (get jsonml 1))
@ -60,7 +60,7 @@
(when @expanded? "expanded")])}
[:span {:class "toggle"
:on-click #(swap! expanded? not)}
[:button (if @expanded? "▼ " "▶ ")]]
[:button.expansion-button (if @expanded? "▼ " "▶ ")]]
(or title "data")
[:div {:style {:margin-left 20}}
(cond