diff --git a/android/app/src/main/res/drawable-mdpi/tooltip_triangle.png b/android/app/src/main/res/drawable-mdpi/tooltip_triangle.png new file mode 100644 index 0000000000..622cc37c59 Binary files /dev/null and b/android/app/src/main/res/drawable-mdpi/tooltip_triangle.png differ diff --git a/android/app/src/main/res/drawable-xhdpi/tooltip_triangle.png b/android/app/src/main/res/drawable-xhdpi/tooltip_triangle.png new file mode 100644 index 0000000000..82ac02e485 Binary files /dev/null and b/android/app/src/main/res/drawable-xhdpi/tooltip_triangle.png differ diff --git a/android/app/src/main/res/drawable-xxhdpi/tooltip_triangle.png b/android/app/src/main/res/drawable-xxhdpi/tooltip_triangle.png new file mode 100644 index 0000000000..02666d3c31 Binary files /dev/null and b/android/app/src/main/res/drawable-xxhdpi/tooltip_triangle.png differ diff --git a/ios/StatusIm/Images.xcassets/tooltip-triangle.imageset/Contents.json b/ios/StatusIm/Images.xcassets/tooltip-triangle.imageset/Contents.json new file mode 100644 index 0000000000..56d6ae725c --- /dev/null +++ b/ios/StatusIm/Images.xcassets/tooltip-triangle.imageset/Contents.json @@ -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" + } +} \ No newline at end of file diff --git a/ios/StatusIm/Images.xcassets/tooltip-triangle.imageset/tooltip-triangle.png b/ios/StatusIm/Images.xcassets/tooltip-triangle.imageset/tooltip-triangle.png new file mode 100644 index 0000000000..622cc37c59 Binary files /dev/null and b/ios/StatusIm/Images.xcassets/tooltip-triangle.imageset/tooltip-triangle.png differ diff --git a/ios/StatusIm/Images.xcassets/tooltip-triangle.imageset/tooltip-triangle@2x.png b/ios/StatusIm/Images.xcassets/tooltip-triangle.imageset/tooltip-triangle@2x.png new file mode 100644 index 0000000000..82ac02e485 Binary files /dev/null and b/ios/StatusIm/Images.xcassets/tooltip-triangle.imageset/tooltip-triangle@2x.png differ diff --git a/ios/StatusIm/Images.xcassets/tooltip-triangle.imageset/tooltip-triangle@3x.png b/ios/StatusIm/Images.xcassets/tooltip-triangle.imageset/tooltip-triangle@3x.png new file mode 100644 index 0000000000..02666d3c31 Binary files /dev/null and b/ios/StatusIm/Images.xcassets/tooltip-triangle.imageset/tooltip-triangle@3x.png differ diff --git a/src/status_im/ui/components/tooltip/views.cljs b/src/status_im/ui/components/tooltip/views.cljs index 4c33086d8c..653679bedf 100644 --- a/src/status_im/ui/components/tooltip/views.cljs +++ b/src/status_im/ui/components/tooltip/views.cljs @@ -17,7 +17,9 @@ [react/animated-view {:style (styles/tooltip-animated bottom-anim-value opacity-value)} [react/view (styles/tooltip-text-container color) [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/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)} [react/view styles/bottom-tooltip-container [react/animated-view {:style (styles/tooltip-animated bottom-anim-value opacity-value)} - [vector-icons/icon :icons/tooltip-triangle {:color colors/gray - :style styles/tooltip-triangle - :container-style {:transform [{:rotate "180deg"}]}}] + [vector-icons/icon :icons/tooltip-triangle (assoc + styles/tooltip-triangle + :color colors/gray + :container-style {:transform [{:rotate "180deg"}]})] [react/view styles/bottom-tooltip-text-container [react/text {:style styles/bottom-tooltip-text} label] [react/touchable-highlight {:on-press on-close