From 19be0b649d5971860dfc5bc0ed79336814e7f7bc Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Wed, 30 Oct 2024 19:32:37 -0500
Subject: [PATCH] Website: update links in pricing tooltips (#23425)

Closes: https://github.com/fleetdm/confidential/issues/8642

Changes:
 - Added a lighter version of the "more info" icon
- Updated the tooltips on the pricing page to be clearer about where
users need to click.
---
 .../assets/images/icon-more-info-25-14x14@2x.png | Bin 0 -> 1023 bytes
 website/views/pages/pricing.ejs                  |   6 +++---
 2 files changed, 3 insertions(+), 3 deletions(-)
 create mode 100644 website/assets/images/icon-more-info-25-14x14@2x.png

diff --git a/website/assets/images/icon-more-info-25-14x14@2x.png b/website/assets/images/icon-more-info-25-14x14@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..466ee326d64b45736046abd39084569f0312472f
GIT binary patch
literal 1023
zcmV<b0|5MqP)<h;3K|Lk000e1NJLTq000~S000~a1^@s6at+^<00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1C&WbK~#7FtyW=H
z+CUJVS@K%jUmSrRpg?~40`>_f5KbVTKs*6(0`&ye6No1W)|W(oh0p`Y4dh4rl-BHa
zW|y?l5(u^5dzvNL-PxV_=9@vtfgt$WP^k74sD_eILWCl}R|;kVaSRA!RCwt)A4lu<
z!c`x=VA7#&do(OTK1^xLLER~ThD{6xL0FO~E<iz5zo45)l&3TrS+uF+*i(KThGFsB
zBUA;77AhbQ{65%JfNUo7RvHX$qy0FB6LuSYoW>vzJ~{RXa=;714ua@u!w54(Jg9A#
zhnWWb+eu4Fb+NeB>HBxGZ`<|^Hh}AfMeD8T3xq@dEd+F&?aKLI2HB0V5}_u9gh9Pt
z>BB2<9fW;Bx8<7(CGEt$Rx&|?aJ4bI*(zfkw}&5v21=xxKTVg#i9uoLU;9x}032#Q
z0NDD*{LiqF=uR<XH)a|0Z=%ER58{s9E<w6<$UEPk9B0jcn#(@#$>dwuFa{UYr}uJ@
z6*KQP>QUaEEW9vQfFr#IRX59MvuV$mbZHw%zHSJ1C!M6`R6Z<Q$V7OvCGL4lH)|%W
z^}MhOC|rsYxlS~*65sQq`(%y~O0=|n1(%QkJ}FWCTq${!PLX=u9@FF8te4fS^@|(^
zsbtGih!rFsQSuI91$LZDXXyuGp*FaXy9|uzk6pSeP$_+~$E~L^YzSs7J@$D_?iyvy
zv$W*tNhS1xNb$JtR1k84#XKe#qDk)3s`w{J>{##*AmW^nu@aBj7!r~4t`#iI=G0*c
z@<Y!>fo;B7R`MrcmV-GRsZQcwuu6~<oP*kpFN8S@)|RO{R5QmGExe*}RZ7_a!=|;^
zamu+}$k3^WoH{BJlq2Sp1*7ikz^?a$iR;}&VeT*>>}kW4dV&*qp?5`Q-@3IwRiVnQ
z2J54Q!rJ+1on|G{TFM&APiCJRhN}`7;(0s*#351~1<-f}OrHMHX@FEcB)tpiSCs;L
zQmd7Z;6K2>nH*Exy6HR>$wz^*%_+j_Pp<93D`BdO>hhlHJbk7v+>?;$GyQ>XI)4`r
znj5wlx<Jnh#u)D-WV^O)50@HbeDT9pfsGn5o~~>A(qPgt4}gV%1qJ0%-Lapo&1@5?
zez@tj51A;`>~4|BCq>$%g%*rm($;R$Afs-KWjj}!n8vfVF9(<$%*L0udNF4`bXP#l
tu2NJxxtt}n&*<=!sCPxhb(p7r{RJGU#yE7xqF(?2002ovPDHLkV1jQm)|mhR

literal 0
HcmV?d00001

diff --git a/website/views/pages/pricing.ejs b/website/views/pages/pricing.ejs
index 0a739c7529..34741268c7 100644
--- a/website/views/pages/pricing.ejs
+++ b/website/views/pages/pricing.ejs
@@ -104,7 +104,7 @@
                 <% for( let feature of category.features){ %>
                   <tr>
                     <%if(feature.description && feature.documentationUrl) {%>
-                    <td purpose="feature-name"><%- feature.name %><%- feature.comingSoon ? '*' : '' %><a href="<%- feature.documentationUrl %>" target="_blank"><img class="d-inline has-link" purpose="tooltip-icon" src="/images/icon-more-info-14x14@2x.png" alt="More info" data-toggle="tooltip" tabindex="0" data-placement="top" data-html="true" title="<p><%= feature.description +'</p>'+ [feature.documentationUrl ? '<u>Click to learn more</u>' : ''] %> "></a></td>
+                    <td purpose="feature-name"><%- feature.name %><%- feature.comingSoon ? '*' : '' %><a href="<%- feature.documentationUrl %>" target="_blank"><img class="d-inline has-link" purpose="tooltip-icon" src="/images/icon-more-info-14x14@2x.png" alt="More info" data-toggle="tooltip" tabindex="0" data-placement="top" data-html="true" title="<p><%= feature.description +'</p>'+ [feature.documentationUrl ? '<p class="d-flex flex-row align-items-center mb-0">Click <img src="/images/icon-more-info-25-14x14@2x.png" class="mx-1" style="height: 12px; display: inline;" alt="more info"> to learn more</p>' : ''] %> "></a></td>
                     <% } else if(feature.description) {%>
                       <td purpose="feature-name"><%- feature.name %><%- feature.comingSoon ? '*' : '' %><img class="d-inline" purpose="tooltip-icon" src="/images/icon-more-info-14x14@2x.png" alt="More info" data-toggle="tooltip" tabindex="0" data-placement="top" data-html="true" title="<%= feature.description %> "></td>
                     <% } else {%>
@@ -179,7 +179,7 @@
                 <% for( let feature of category.features){ %>
                   <tr>
                     <%if(feature.description && feature.documentationUrl) {%>
-                    <td purpose="feature-name"><%- feature.name %><%- feature.comingSoon ? '*' : '' %><a href="<%- feature.documentationUrl %>" target="_blank"><img class="d-inline has-link" purpose="tooltip-icon" src="/images/icon-more-info-14x14@2x.png" alt="More info" data-toggle="tooltip" tabindex="0" data-placement="top" data-html="true" title="<p><%= feature.description +'</p>'+ [feature.documentationUrl ? '<u>Click to learn more</u>' : ''] %> "></a></td>
+                    <td purpose="feature-name"><%- feature.name %><%- feature.comingSoon ? '*' : '' %><a href="<%- feature.documentationUrl %>" target="_blank"><img class="d-inline has-link" purpose="tooltip-icon" src="/images/icon-more-info-14x14@2x.png" alt="More info" data-toggle="tooltip" tabindex="0" data-placement="top" data-html="true" title="<p><%= feature.description +'</p>'+ [feature.documentationUrl ? '<p class="d-flex flex-row align-items-center mb-0">Click <img src="/images/icon-more-info-25-14x14@2x.png" class="mx-1" style="height: 12px; display: inline;" alt="more info"> to learn more</p>' : ''] %> "></a></td>
                     <% } else if(feature.description) {%>
                       <td purpose="feature-name"><%- feature.name %><%- feature.comingSoon ? '*' : '' %><img class="d-inline" purpose="tooltip-icon" src="/images/icon-more-info-14x14@2x.png" alt="More info" data-toggle="tooltip" tabindex="0" data-placement="top" data-html="true" title="<%= feature.description %> "></td>
                     <% } else {%>
@@ -252,7 +252,7 @@
                 <% for( let feature of category.features){ %>
                   <tr>
                     <%if(feature.description && feature.documentationUrl) {%>
-                    <td purpose="feature-name"><%- feature.name %><%- feature.comingSoon ? '*' : '' %><a href="<%- feature.documentationUrl %>" target="_blank"><img class="d-inline has-link" purpose="tooltip-icon" src="/images/icon-more-info-14x14@2x.png" alt="More info" data-toggle="tooltip" tabindex="0" data-placement="top" data-html="true" title="<p><%= feature.description +'</p>'+ [feature.documentationUrl ? '<u>Click to learn more</u>' : ''] %> "></a></td>
+                    <td purpose="feature-name"><%- feature.name %><%- feature.comingSoon ? '*' : '' %><a href="<%- feature.documentationUrl %>" target="_blank"><img class="d-inline has-link" purpose="tooltip-icon" src="/images/icon-more-info-14x14@2x.png" alt="More info" data-toggle="tooltip" tabindex="0" data-placement="top" data-html="true" title="<p><%= feature.description +'</p>'+ [feature.documentationUrl ? '<p class="d-flex flex-row align-items-center mb-0">Click <img src="/images/icon-more-info-25-14x14@2x.png" class="mx-1" style="height: 12px; display: inline;" alt="more info"> to learn more</p>' : ''] %> "></a></td>
                     <% } else if(feature.description) {%>
                       <td purpose="feature-name"><%- feature.name %><%- feature.comingSoon ? '*' : '' %><img class="d-inline" purpose="tooltip-icon" src="/images/icon-more-info-14x14@2x.png" alt="More info" data-toggle="tooltip" tabindex="0" data-placement="top" data-html="true" title="<%= feature.description %> "></td>
                     <% } else {%>