status-im/open-bounty
2
0
Fork 0
mirror of https://github.com/status-im/open-bounty.git synced 2025-02-17 03:47:58 +00:00
Code Issues Projects Releases Wiki Activity

Add page-num-active style disabling pointer cursor

Browse Source
This commit is contained in:
Vitaliy Vlasov 2018-01-25 13:43:15 +02:00
parent df8de46532
commit bb71d830a8
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/cljs/commiteth/common.cljs
View File

@ -48,15 +48,15 @@
(defn draw-page-numbers [page-number page-count] (defn draw-page-numbers [page-number page-count]
"Draw page numbers for the pagination component. "Draw page numbers for the pagination component.
Inserts ellipsis when list is too long, by default Inserts ellipsis when list is too long, by default
max 6 items are allowed" max 6 items are allowed"
(let [draw-page-num-fn (fn [current? i] (let [draw-page-num-fn (fn [current? i]
^{:key i} ^{:key i}
[:div.rectangle-rounded [:div.rectangle-rounded
(cond-> {} (if current?
(not current?) {:class "page-num-active"}
(assoc :class "grayed-out-page-num" {:class "grayed-out-page-num"
:on-click #(rf/dispatch [:set-page-number i]))) :on-click #(rf/dispatch [:set-page-number i])})
i]) i])
max-page-nums 6] max-page-nums 6]
[:div.page-nums-container [:div.page-nums-container

4
src/less/style.less
View File

@ -897,6 +897,10 @@ body {
cursor: pointer; cursor: pointer;
} }
.page-num-active {
cursor: auto;
}
.grayed-out-page-num { .grayed-out-page-num {
color: #8d99a4; color: #8d99a4;
background-color: #f2f5f8; background-color: #f2f5f8;