From 34fa6f75859e587164ab5e7779f4123f96db5e0c Mon Sep 17 00:00:00 2001 From: Vitaliy Vlasov Date: Wed, 23 May 2018 18:30:47 +0300 Subject: [PATCH] New warning icon and tooltip text --- resources/public/warning.png | Bin 19893 -> 604 bytes src/cljs/commiteth/core.cljs | 41 +++++++++++++-------- src/less/style.less | 69 ++++++++++++++++++++++++++++++++++- 3 files changed, 92 insertions(+), 18 deletions(-) diff --git a/resources/public/warning.png b/resources/public/warning.png index 211e7e5455d7bbea23ac39b98704a3ac525d7c39..5cfb1177965da9e52befc5c2c8076ddcf1ba0832 100644 GIT binary patch literal 604 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 a!MN(JD49n`!E e .-target .-checked)] - (rf/dispatch [:save-user-fields {warning-kw value}])))] - (when warning-text + (rf/dispatch [:save-user-fields {kw value}])))] + (when title [:div#warning_tooltip.ui.inline.dropdown {:on-click #(rf/dispatch [:warning-open])} - [:img {:src "warning.png" - :height "32px" - :width "32px" }] + [:img.warning-img {:src "warning.png" + :height "25px" + :width "22px" }] (into dialog - [ [:div warning-text] - [:div [:input {:type "checkbox" - :id :hide-warning - :on-change on-change-fn}] - [:label {:for :hide-warning} "Do not show this again"]]])]))))) + [[:div.title-text title] + [:div.title-text + [:div.description-text description + [:a#description-link {:href description-url} description-link]] + [:div.description-text [:input {:type "checkbox" + :id :hide-warning + :on-change on-change-fn}] + [:label {:for :hide-warning} "Do not show this again"]]]])]))))) (defn user-dropdown [user items mobile?] (let [menu (if @(rf/subscribe [:user-dropdown-open?]) @@ -97,7 +106,7 @@ (let [user (rf/subscribe [:user])] (fn [] (if @user - [:div.ui.container.user-component + [:div.user-component [warning-icon] [user-dropdown @user diff --git a/src/less/style.less b/src/less/style.less index f71df5d..9990b7b 100644 --- a/src/less/style.less +++ b/src/less/style.less @@ -199,12 +199,18 @@ label[for="input-hidden"] { } .user-component { - margin-top: 5px!important; + margin-top: 5px!important; + + display: flex; + align-items: center; + justify-content: flex-end; .item { padding-top: 0px !important; } } +.user-component:first-child { +} .ui.text.menu { .item:hover { @@ -1268,5 +1274,64 @@ body { padding-top: 20px; } +#warning_tooltip { + margin-right: 28px; +} +.warning-img { + cursor: pointer; +} -@import (inline) "tachyons-utils.css"; \ No newline at end of file +.warning-tooltip { + width: 246px; + height: 99px; + border-radius: 8px; + background-color: #ffffff; + background-color: var(--white); + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24); + display: flex; + flex-direction: column; + + + .title-text { + width: 189px; + height: 16px; + font-family: PostGrotesk-Book; + font-size: 14px; + font-weight: 900; + font-style: normal; + font-stretch: normal; + line-height: 1.14; + letter-spacing: normal; + text-align: left; + color: #42505c; + white-space: normal !important; + /*color: var(--dark-gray);*/ + } + + .description-text { + width: 189px; + /*height: 64px;*/ + font-family: PostGrotesk-Book; + font-size: 14px; + font-weight: normal; + font-style: normal; + font-stretch: normal; + line-height: 1.14; + letter-spacing: normal; + text-align: left; + color: #8d99a4; + /*color: var(--gray);*/ + white-space: normal !important; + #description-link { + white-space: normal !important; + color: #57a7ed; + /*color: var(--main-blue);*/ + } + } +} + +.warning-tooltip.hidden { + display: none; +} + +@import (inline) "tachyons-utils.css";