status-im/open-bounty
2
0
Fork 0
mirror of https://github.com/status-im/open-bounty.git synced 2025-02-04 05:34:37 +00:00
Code Issues Projects Releases Wiki Activity

move sorting to align it with items count

Browse Source
This commit is contained in:
pablodip 2018-02-07 21:02:40 +01:00
parent 37aefc2d1a
commit 22a7939363
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -207,8 +207,10 @@
[:div [:div
(let [left (inc (* (dec page-number) items-per-page)) (let [left (inc (* (dec page-number) items-per-page))
right (dec (+ left item-count))] right (dec (+ left item-count))]
[:div.item-counts-label [:div.item-counts-label-and-sorting-container
[:span (str "Showing " left "-" right " of " total-count)]]) [:div.item-counts-label
[:span (str "Showing " left "-" right " of " total-count)]]
[bounties-sort-view]])
(display-data-page bounty-page-data bounty-item container-element)])) (display-data-page bounty-page-data bounty-item container-element)]))
(defn bounties-page [] (defn bounties-page []
@ -224,7 +226,6 @@
{:ref #(reset! container-element %1)} {:ref #(reset! container-element %1)}
[:div.open-bounties-header "Bounties"] [:div.open-bounties-header "Bounties"]
[:div.open-bounties-filter-and-sort [:div.open-bounties-filter-and-sort
[bounty-filters-view] [bounty-filters-view]]
[bounties-sort-view]]
[bounties-list @bounty-page-data container-element]])) [bounties-list @bounty-page-data container-element]]))
)) ))

10
src/less/style.less
View File

@ -414,6 +414,11 @@
color: #42505c; color: #42505c;
} }
.item-counts-label-and-sorting-container {
display: flex;
justify-content: space-between;
}
.open-bounties-filter-and-sort { .open-bounties-filter-and-sort {
margin-top: 24px; margin-top: 24px;
display: flex; display: flex;
@ -1268,12 +1273,11 @@ body {
} }
.item-counts-label { .item-counts-label {
margin: auto; //margin: auto;
font-family: "PostGrotesk-Book"; font-family: "PostGrotesk-Book";
font-size: 15px; font-size: 15px;
color: #8d99a4; color: #8d99a4;
padding-top: 8px; padding: 12px 0;
padding-bottom: 8px;
} }