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

a11y: add focus states to buttons

This commit is contained in:
chris (daiyi) 2017-08-02 15:18:25 +02:00
parent 4b29ca59fd
commit b869ecc544
2 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/day8/re_frame/styles.cljs
View File

@ -22,6 +22,12 @@
border-bottom: 1px dotted #888; border-bottom: 1px dotted #888;
font-weight: normal; font-weight: normal;
} }
#--re-frame-trace-- .button:focus, .text-button:focus {
border-radius: 2px 2px 0 0;
-webkit-box-shadow: inset 0px -5px 0px 0px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0px -5px 0px 0px rgba(0,0,0,0.3);
box-shadow: inset 0px -5px 0px 0px rgba(0,0,0,0.3);
}
#--re-frame-trace-- .icon-button { #--re-frame-trace-- .icon-button {
font-size: 10px; font-size: 10px;
} }

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

@ -161,9 +161,10 @@
[:td {:style row-style} (str op-type)] [:td {:style row-style} (str op-type)]
[:td {:style row-style} operation] [:td {:style row-style} operation]
[:td [:td
{:style (merge row-style {:font-weight (if (< slower-than-bold-int duration) {:style (merge row-style {
"bold" ; :font-weight (if (< slower-than-bold-int duration)
"") ; "bold"
; "")
:white-space "nowrap"})} :white-space "nowrap"})}
(.toFixed duration 1) " ms"]] (.toFixed duration 1) " ms"]]
@ -203,10 +204,12 @@
[:ul.filter-items [:ul.filter-items
(map (fn [item] (map (fn [item]
^{:key (:id item)} ^{:key (:id item)}
[:li.filter-item.button [:li.filter-item
{:on-click (fn [event] (swap! filter-items #(remove (comp (partial = (:query item)) :query) %)))} [:button.button
(:filter-type item) ": " [:span.filter-item-string (:query item)] {:style {:margin 0}
[:button.icon-button [components/icon-remove]]]) :on-click (fn [event] (swap! filter-items #(remove (comp (partial = (:query item)) :query) %)))}
(:filter-type item) ": " [:span.filter-item-string (:query item)]
[:span.icon-button [components/icon-remove]]]])
@filter-items)]] @filter-items)]]
[:table [:table
{:cell-spacing "0" :width "100%"} {:cell-spacing "0" :width "100%"}