From 35bef82b6e9764f36517b591911eb8be4fa1d6bf Mon Sep 17 00:00:00 2001 From: Teemu Patja Date: Thu, 26 Oct 2017 17:27:51 +0300 Subject: [PATCH] WIP: SOB UX beginnings of new UX for status open bounty * manage repos view changes * new header + tabs style * flash/error messages as modal overlay * SOB favicon * general css changes --- resources/public/img/favicon.ico | Bin 370070 -> 1150 bytes resources/templates/home.html | 2 +- src/cljs/commiteth/core.cljs | 47 +++++++------- src/cljs/commiteth/repos.cljs | 6 +- src/cljs/commiteth/svg.cljs | 11 ++++ src/less/style.less | 102 ++++++++++++++++++++----------- 6 files changed, 107 insertions(+), 61 deletions(-) diff --git a/resources/public/img/favicon.ico b/resources/public/img/favicon.ico index 7c5a2788eecb1d1005365ae3cc4926cf58f9e7a4..fbd9805979a9120c5e0667333de942d13031edb0 100644 GIT binary patch literal 1150 zcmbVLJxc>Y5S^fy!X{XVrKLYbe}GXz3k4;Jg_X5`!5^Stp@|_eMg&0+Qi?_qKhj7< zj5fmEr7$ruka6DaZEo+9Ae!UdTxRCI-JRJXipUd-k-Wz#F-SB@L=ysWiAVXx5J_xg zSi${oysYF538I2YK}zr@XnDXle25{Z!*o)!-~nTTErBiIK0pjP$fXcB*N4+f3%Ra_ z*dYNly}USE`_lr$c49imwcvm|C9o7f&Q5NHYqxvccsk?H;x;=+38mGo0S>rH#T89i zw|;lP{;$ogj}li;*86FITM6(VvOeAWYLw5}O3n4E1GwmsipiOs{3?Hy^8EdN&CSXs zH=Yabp6v8OuRZAg`r2{^JG033$3vIftX#QT_4|y}W?Ay2u6jMSw!eSRZ>Q(E`FhcH zj@r$xTO)%Hu3tZ`D|@J(Zg9&g`x@;w*NQt~KDb8zjQ*k)$7_r=(Mwo6yJYTP_b+sR zf*OIl6g<1WKl<+f>;8sj0GfZAA3cb|Gv^m|3C}NlUGw`AB`ORMZAP@x?-se>fcpcY CRLQRZ literal 370070 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

^*os)6}7(Iu-RG|)5HAV+ts|ewb;KA zx1pGClR461aM>s8)ym3Li}Z0Gs% zF1FA6zwxwv@kzx0$kwgA=SF|PelrFNb^dHN!diw`k}l$Z-K=Bj6O?yd4!oPp_+Qe` z&%1s%b5V(%h4otEe1p!Tnhv$Z){vq!JNSoa%w{`9hf3gDm$Npg;#mvgWYdKd8L%++?$j{+;RnvttdO`2bl@X6V2N@B!2VU?8Ln z%$zaUGy9izfXp`@(EA?rA5#5OPC6?m<1DAchgW#&1CAbD!@6?VKV?8j85mXD&9nIc z*0_Si9*DCKC2y3YQD$J%##x@$0mKi84`6*+>?F!|64$i%tGZjYe81ImA0TTH5A1U< zb%Bu91>?#$`6^xR$eK`Aecj9bsjoJuhie|h2jBx>AY=?2`E->pK0w9>d0()!Po~^L zMt(9dbkGCl9DXm$f9u{dM`$hc1StbURtEZMZ()4atQkXmsRLMkKROL?(^z3j-lwAc^H3d2X-o z)eh^TS}*PJwH{#k8CkDXVilr~c6}fVWZ^dhGp5#fJ~z;^`P{wq4~icc|2XRl_^o%I zhp(|1nE%2E&tiq-+I*qU$B#FtxwD6}<~Z#F>VyF>uyVzOK-vMh{@`NkJ8I9K7u9pK zhB22o01m7&fqnAo2OHm*844d@`2<;i_`rchN_>;V8maEiTEy68^6b)2oi{hvg~|t5 zzCiZBT-|MsS?t{Lf_n9jQ;qS&N7d9R1J%gkUCbB+@{WV7S1w~4e#(qzVUuxTpsHIZ z6=ok`_XixO*JZHeaQRA;I&*fD`5xwi`J-q*(S9ns91L4qz+#+zw#^rl$G0t8RNcIh zWit?$GL3wcS3i?>w^uR5i*d_u&TZU@tloZmF5@cH1{!M1I4 z%F;h&XL)63oa82Rgo2tUi2duae~}|?0c^Qkza(>oW$r%qsLvk#mZijGAU+#Dpj;my z<7$4tH|V#G#Qk|PE>N!ixenhU3`qO{SqC)kwi3tu$$Tp87(1?%0g30~S1hqO+F?+6 zlKBCZ>YnTI9~J`=Q`C>R!a>kfzA#=@LF`v0(howi==Uh>ZFp+ifV zLmZ-Z0powze=(c&;pV_A2c@3Rv&!0Odb7fjr!utSJmln-c&8;x2lV+JCv*`5XZK=lRR1RzhsP$ z_+Qwe7k0=!;R*&|00v+H24DaNU;qYS00v+H24DaNU;qYS00v+H24DaNU;qYS00v+H z24DaNU;qYS00v+H24DaNU;qYS00v+H24DaNU;qYS00v+H24DaNU;qYS00v+H24DaN zU;qYS00v+H24DaNU;qYS00v+H24DaNU;qYS00v+H24DaNU;qYS00v+H24DaNU;qYS z00v+H24DaNU;qYS00v+H24DaNU;qYS00v+H24DaNU;qYS00v+H24DaNU;qYS00v+H z24DaNU;qYS00v+H24DaNU;qYS00v+H24DaNU;qYS00v+H24DaNU;qYS00v+H24DaN zU;qYS00v+H24DaNU;qYS00v+H24DaNU;qYS00v+H24DaNU;qYS00v+H24DaNU;qYS z00v+H24DaNU;qYS00v+H24DaNU;qYS00v+H24DaNU;qYS00v+H24DaNU;qYSAkGY= z_(K9n00|%gB!C2v01`j~NB{{S0VIF~kN^@u0!RP}AOR$R1dsp{Kmter2_OL^fCM5h Gf&T|b#q4DO diff --git a/resources/templates/home.html b/resources/templates/home.html index d70cd40..5e93895 100644 --- a/resources/templates/home.html +++ b/resources/templates/home.html @@ -3,7 +3,7 @@ - Commit ETH + Status Open Bounty diff --git a/src/cljs/commiteth/core.cljs b/src/cljs/commiteth/core.cljs index eb5bdb3..5e3e7bf 100644 --- a/src/cljs/commiteth/core.cljs +++ b/src/cljs/commiteth/core.cljs @@ -26,16 +26,19 @@ (let [flash-message (rf/subscribe [:flash-message])] (fn [] (when-let [[type message] @flash-message] - [:div.flash-message {:class (name type)} - [:i.close.icon {:on-click #(rf/dispatch [:clear-flash-message])}] - [:p message]])))) + (do + (println "flash-message-pane" type message) + [:div.ui.active.modal + [:div.flash-message {:class (name type)} + [:i.close.icon {:on-click #(rf/dispatch [:clear-flash-message])}] + [:p message]]]))))) (def user-dropdown-open? (r/atom false)) (defn user-dropdown [user items] (let [menu (if @user-dropdown-open? - [:div.ui.menu.transition.visible] - [:div.ui.menu]) + [:div.ui.menu.transition.visible {:tab-index 0}] + [:div.ui.menu.transition.hidden]) avatar-url (:avatar_url user)] [:div.ui.left.item.dropdown {:on-click #(swap! user-dropdown-open? not)} @@ -70,8 +73,8 @@ (let [user (rf/subscribe [:user]) current-page (rf/subscribe [:page])] (fn [] - (let [tabs (apply conj [[:activity "Activity"] - [:bounties "Open bounties"]] + (let [tabs (apply conj [[:bounties "Bounties"] + [:activity "Activity"]] (when @user [[:repos "Repositories"] [:manage-payouts "Manage Payouts"] @@ -91,22 +94,21 @@ (fn [] [:div.vertical.segment.commiteth-header [:div.ui.grid.container - [:div.twelve.wide.column - [:div.ui.image.lef.aligned - [svg/app-logo]]] [:div.four.wide.column - (if @flash-message - [flash-message-pane] - [user-component @user])] - (when-not @user - [:div.ui.text.content - [:div.ui.divider.hidden] - [:h2.ui.header (if (config/on-testnet?) - "Commit ETH (Testnet)" - "Commit ETH")] - [:h2.ui.subheader "Earn ETH by committing to open source projects"] - [:div.ui.divider.hidden]]) - [tabs]]]))) + [:div.ui.grid + [:div.ui.four.wide.column + [:div.ui.circular.image.status-logo + [svg/status-logo]]] + [:div.ui.twelve.wide.column.left.aligned + [:div.logo-header "Status"] + [:div.logo-subheader "Open Bounty"]]]] + [:div.eight.wide.column + [tabs]] + [:div.four.wide.column + [user-component @user]] + (when @flash-message + [flash-message-pane])]]))) + (def pages {:activity #'activity-page @@ -147,7 +149,6 @@ [:div.ui.container [:h3 "Top hunters"] [top-hunters]]]] - [:div.ui.divider] [:div.commiteth-footer "Built by " [:a {:href "https://status.im"} "Status"] (when-not (= "unknown" version) [:div.version-footer "version " [:a {:href (str "https://github.com/status-im/commiteth/commit/" version)} version]])]]]])) diff --git a/src/cljs/commiteth/repos.cljs b/src/cljs/commiteth/repos.cljs index 106f037..fe1e6d0 100644 --- a/src/cljs/commiteth/repos.cljs +++ b/src/cljs/commiteth/repos.cljs @@ -9,15 +9,15 @@ button (if enabled [:div.ui.button.small.repo-added-button (add-busy-styles {}) [:i.icon.check] - "Added"] + "ADDED"] [:div.ui.button.small (add-busy-styles {:on-click on-click}) - "Add"])] + "ADD"])] [:div.ui.two.column.container button (when enabled - [:a.ui.item.remove-link {:on-click on-click} "Remove"])])) + [:a.ui.item.remove-link {:on-click on-click} "REMOVE"])])) (defn repo-card [repo] diff --git a/src/cljs/commiteth/svg.cljs b/src/cljs/commiteth/svg.cljs index 5ed2afb..7def5d4 100644 --- a/src/cljs/commiteth/svg.cljs +++ b/src/cljs/commiteth/svg.cljs @@ -53,3 +53,14 @@ {:fill-rule "evenodd" :fill "#a8aab1" :d "M8 1a1.993 1.993 0 0 0-1 3.72V6L5 8 3 6V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V6.5l3 3v1.78A1.993 1.993 0 0 0 5 15a1.993 1.993 0 0 0 1-3.72V9.5l3-3V4.72A1.993 1.993 0 0 0 8 1zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3 10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3-10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"}]]) + + +(defn status-logo [] + [:svg + {:width "50" + :height "50" + :viewBox "0 0 50 50"} + [:path + {:fill "#fff" + :fill-rule "evenodd" + :d "M17 0h16c5.542 0 7.308 0 9.808.833 2.917 1.042 5.317 3.438 6.359 6.355C50 9.688 50 11.457 50 17v16c0 5.542 0 7.313-.833 9.813a10.5 10.5 0 0 1-6.355 6.354C40.313 50 38.543 50 33 50H17c-5.542 0-7.313 0-9.813-.833a10.505 10.505 0 0 1-6.354-6.355C0 40.313 0 38.543 0 33V17c0-5.542 0-7.313.833-9.813A10.5 10.5 0 0 1 7.188.833C9.688 0 11.457 0 17 0zm3.672 23.59c3.5 0 5.156.665 8.656.665 4.74 0 7.99-1.908 7.99-5.86 0-3.95-2.707-5.859-6.658-5.859A12.65 12.65 0 0 0 18.083 23.81a14.416 14.416 0 0 1 2.59-.22zm0 2.3c-4.74 0-7.99 1.909-7.99 5.86 0 3.951 2.707 5.86 6.658 5.86a12.65 12.65 0 0 0 12.577-11.273c-.855.15-1.721.224-2.59.22-3.499 0-5.155-.666-8.655-.666z"}]]) diff --git a/src/less/style.less b/src/less/style.less index 952d0a3..c717e2d 100644 --- a/src/less/style.less +++ b/src/less/style.less @@ -13,8 +13,8 @@ .ui.button { - color: #2f3f44; - background-color: #b0f1ee; + color: #fff; + background-color: #57a7ed; white-space: nowrap; padding: 0.9em 1.2em 0.9em; &:hover { @@ -30,12 +30,12 @@ } } .ui.small.button { - font-size: 15px!important; + font-size: 13px!important; } .commiteth-header { - background-color: #2f3f44!important; + background-color: #57a7ed!important; border-radius: 0em; padding-top: 1.5em; } @@ -44,6 +44,31 @@ padding-top: 1.8em; } +.status-logo { + width: 42px; + height: 42px; + object-fit: contain; + box-shadow: 0 2px 4px 0 rgba(22, 51, 81, 0.14); +} + +.logo-header { + color: #fff; + font-family: PostGrotesk; + font-size: 21px; + font-weight: 500; + text-align: left; +} + +.logo-subheader { + color: #fff; + opacity: 0.4; + font-family: PostGrotesk; + font-size: 15px; + line-height: 1.0; + text-align: left; +} + + .top-hunters { .header { color: #474951!important; @@ -77,9 +102,6 @@ font-weight: normal; } -.ui.card a { - color: #848e91; -} .user-component { margin-top: 0px!important; @@ -92,13 +114,16 @@ } } -.ui.dropdown .item { - color: #fff!important; - opacity: 0.98; +.ui.dropdown { + .item { + color: #fff!important; + } } -.ui.menu .ui.dropdown .menu>.item:hover, .ui.menu .ui.dropdown .menu>.selected.item { - background-color: #fff!important; +.ui.menu .ui.dropdown { + .menu> { + background-color: #1e3751; + } } .ui.input.address-input { @@ -111,42 +136,45 @@ color: #e7e7e7; background-color: yellow!important; } + .ui.menu.transition.visible { font-family: 'postgrotesk'; font-size: 1em; border-radius: 8px; border: none; padding: .5em; + overflow: visible!important; .item>a { - &:hover { - color:#1bb5c1; - } - color: #474951; + // &:hover { + // color:#1bb5c1; + // } + color: #fff; } } .logout-link { - color: #e96868!important; + color: #fff!important; } .ui.attached.tabular { - background-color: #2f3f44; + background-color: #57a7ed; border-bottom: none; + height: 80%; .ui.item { - padding: 1em; + padding: 0.6em; color: #fff; - opacity: 0.98; cursor: pointer; font-family: 'postgrotesk'; - font-size: 16px; + font-size: 15px; font-weight: normal; } .ui.item.active { - border-radius: .8rem .8rem 0 0!important; - color: #b0f1ee; + border-radius: 8px!important; + border-width: 0; + color: #fff; background-color: fade(#fff, 10%); - border-width: 0em; cursor: default; + height: 80%; } } @@ -159,16 +187,17 @@ } .repo-label { - color: #1bb5c1; + color: #42505c; font-family: 'postgrotesk-medium'; - font-size: 16px; + font-size: 18px; + a { color: #42505c; } } .repo-description { - color: #474951; + color: #8d99a4; font-size: 15px; font-weight: normal; - line-height: 24px; + line-height: 22px; margin-top: 16px; margin-bottom: 16px; } @@ -182,6 +211,7 @@ a { padding: 1em; font-size: 15px; + color: #42505c; } .remove-link:hover { color: #e96868; @@ -189,8 +219,8 @@ } .ui.button.repo-added-button { - color: white; - background-color: #61deb0; + color: #42505c; + background-color: #eaecee; cursor: default; } @@ -200,6 +230,7 @@ } .activity-item { + background-color: #fff!important; .left-column { margin: 0; padding-left: 12px; @@ -252,9 +283,6 @@ h3 { color: #474951; } - a:not(.ui) { - color: #1bb5c1; - } .label { background-color: #61deb0; color: #fff; @@ -331,7 +359,7 @@ } .commiteth-footer { - color: #a8aab1; + background-color: #4a5c69; line-height: 1.8em; a { &:hover { @@ -339,6 +367,7 @@ } color: #a8aab1!important; } + &.group-title { color: #fff; opacity: 0.6; } } @@ -352,6 +381,11 @@ } } + .ui { font-family: 'postgrotesk'!important; } + +body { + background-color: #eaecee; +}