status-im
/
open-bounty
mirror of https://github.com/status-im/open-bounty.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix firefox behaviour when removing filters and with checkbox filters

This commit is contained in:
pablodip 2018-01-24 09:46:51 +01:00
parent 12edb1abc6
commit 27442937cf
2 changed files with 30 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/cljs/commiteth/bounties.cljs
View File

@ -99,12 +99,15 @@
^{:key (str currency)}
[:div.open-bounties-filter-list-option-checkbox
[:label
{:on-click #(rf/dispatch [::handlers/set-open-bounty-filter-type
{:on-click #(do (println "label on-click")
(rf/dispatch [::handlers/set-open-bounty-filter-type
::ui-model/bounty-filter-type|currency
(cond
(and active? (= #{currency} current-filter-value)) nil
active? (disj current-filter-value currency)
:else (into #{currency} current-filter-value))])}
:else (into #{currency} current-filter-value))]))
:tab-index 0
:on-focus #(do (.stopPropagation %) (reset! tooltip-open? true))}
[:input
{:type "checkbox"
:checked active?
@ -137,7 +140,9 @@
(cond
(and active? (= #{owner} current-filter-value)) nil
active? (disj current-filter-value owner)
:else (into #{owner} current-filter-value))])}
:else (into #{owner} current-filter-value))])
:tab-index 0
:on-focus #(do (.stopPropagation %) (reset! tooltip-open? true))}
[:input
{:type "checkbox"
:checked active?
@ -159,7 +164,7 @@
:on-focus #(reset! open? true)
:on-blur #(reset! open? false)}
[:div.open-bounties-filter-element
{:on-mouse-down #(swap! open? not)
{:on-mouse-down #(do (println "element on-mouse-down") (swap! open? not))
:class (when (or current-filter-value @open?)
"open-bounties-filter-element-active")}
[:div.text
@ -167,14 +172,15 @@
(ui-model/bounty-filter-value->short-text filter-type current-filter-value)
(ui-model/bounty-filter-type->name filter-type))]
(when current-filter-value
[:div.remove-container
{:tab-index 0
:on-focus #(.stopPropagation %)}
[:img.remove
{:src "bounty-filter-remove.svg"
:tab-index 0
:on-focus #(.stopPropagation %)
:on-mouse-down (fn [e]
(.stopPropagation e)
(rf/dispatch [::handlers/set-open-bounty-filter-type filter-type nil])
(reset! open? false))}])]
(reset! open? false))}]])]
(when @open?
[bounties-filter-tooltip
[(tooltip-view-for-filter-type filter-type) current-filter-value open?]])])))

8
src/less/style.less
View File

@ -441,6 +441,10 @@
margin: 8px 12px;
}
.remove-container {
display: flex;
}
.remove {
margin-left: -6px;
margin-right: 5px;
@ -618,6 +622,10 @@
cursor: pointer;
}
label:focus {
outline: none;
}
input {
background: green;
transform: scale(1.3);