add back tooltip-triangle icon

This commit is contained in:
Roman Volosovskyi 2019-06-23 17:51:32 +03:00
parent 4242dddd10
commit ae52fd07f4
No known key found for this signature in database
GPG Key ID: 0238A4B5ECEE70DE
8 changed files with 30 additions and 4 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 172 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 216 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 271 B

View File

@ -0,0 +1,23 @@
{
"images" : [
{
"idiom" : "universal",
"filename" : "tooltip-triangle.png",
"scale" : "1x"
},
{
"idiom" : "universal",
"filename" : "tooltip-triangle@2x.png",
"scale" : "2x"
},
{
"idiom" : "universal",
"filename" : "tooltip-triangle@3x.png",
"scale" : "3x"
}
],
"info" : {
"version" : 1,
"author" : "xcode"
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 172 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 216 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 271 B

View File

@ -17,7 +17,9 @@
[react/animated-view {:style (styles/tooltip-animated bottom-anim-value opacity-value)} [react/animated-view {:style (styles/tooltip-animated bottom-anim-value opacity-value)}
[react/view (styles/tooltip-text-container color) [react/view (styles/tooltip-text-container color)
[react/text {:style (styles/tooltip-text font-size)} label]] [react/text {:style (styles/tooltip-text font-size)} label]]
[vector-icons/icon :icons/tooltip-triangle {:color color :style styles/tooltip-triangle}]]])) [vector-icons/icon :icons/tooltip-triangle (assoc
styles/tooltip-triangle
:color color)]]]))
(views/defview bottom-tooltip-info [label on-close] (views/defview bottom-tooltip-info [label on-close]
(views/letsubs [bottom-anim-value (animation/create-value -150) (views/letsubs [bottom-anim-value (animation/create-value -150)
@ -25,9 +27,10 @@
{:component-did-mount (animations/animate-tooltip -150 bottom-anim-value opacity-value -10)} {:component-did-mount (animations/animate-tooltip -150 bottom-anim-value opacity-value -10)}
[react/view styles/bottom-tooltip-container [react/view styles/bottom-tooltip-container
[react/animated-view {:style (styles/tooltip-animated bottom-anim-value opacity-value)} [react/animated-view {:style (styles/tooltip-animated bottom-anim-value opacity-value)}
[vector-icons/icon :icons/tooltip-triangle {:color colors/gray [vector-icons/icon :icons/tooltip-triangle (assoc
:style styles/tooltip-triangle styles/tooltip-triangle
:container-style {:transform [{:rotate "180deg"}]}}] :color colors/gray
:container-style {:transform [{:rotate "180deg"}]})]
[react/view styles/bottom-tooltip-text-container [react/view styles/bottom-tooltip-text-container
[react/text {:style styles/bottom-tooltip-text} label] [react/text {:style styles/bottom-tooltip-text} label]
[react/touchable-highlight {:on-press on-close [react/touchable-highlight {:on-press on-close