From d9594ba2bfea99f71d448b63e8bb4bfb6f8b6013 Mon Sep 17 00:00:00 2001 From: Eric Date: Tue, 28 May 2024 11:45:25 -0500 Subject: [PATCH] Website: update quote links on landing pages (#19307) Closes: #18966 Changes: - Updated the styles of the quote links on the product category landing pages. --- .../styles/pages/device-management.less | 27 +++++++------ website/assets/styles/pages/endpoint-ops.less | 40 +++++++++---------- .../pages/vulnerability-management.less | 22 +++++----- website/views/pages/device-management.ejs | 4 +- website/views/pages/endpoint-ops.ejs | 16 ++++---- .../views/pages/vulnerability-management.ejs | 4 +- 6 files changed, 57 insertions(+), 56 deletions(-) diff --git a/website/assets/styles/pages/device-management.less b/website/assets/styles/pages/device-management.less index 70df383852..8d4ced0631 100644 --- a/website/assets/styles/pages/device-management.less +++ b/website/assets/styles/pages/device-management.less @@ -214,18 +214,30 @@ } } [purpose='quote-attribution'] { - padding-top: 8px; + display: inline-flex; + padding: 4px 16px 4px 4px; + border-radius: 28px; + width: fit-content; + margin-top: 8px; [purpose='name'] { font-size: 12px; font-weight: 700; + line-height: 18px; margin-bottom: 0px; } [purpose='title'] { color: @core-fleet-black-75; font-size: 12px; font-weight: 400; + line-height: 18px; margin-bottom: 0px; } + &:hover { + background-color: #F9FAFC; + } + &:active { + background-color: #F2F2F5; + } } } @@ -714,7 +726,6 @@ } [purpose='testimonial-quote'] { width: 100%; - margin-bottom: 60px; [purpose='quote'] { img { margin-right: auto; @@ -722,17 +733,10 @@ } text-align: center; } - [purpose='quote-image'] { - margin-bottom: 16px; + [purpose='quote-attribution'] { margin-right: auto; margin-left: auto; } - [purpose='quote-attribution'] { - text-align: center; - [purpose='name'] { - margin-bottom: 8px; - } - } } [purpose='video-modal'] { [purpose='modal-dialog'] { @@ -907,9 +911,6 @@ padding-top: 40px; margin-bottom: 80px; } - [purpose='testimonial-quote'] { - margin-bottom: 40px; - } [purpose='feature-image'] { margin-bottom: 40px; } diff --git a/website/assets/styles/pages/endpoint-ops.less b/website/assets/styles/pages/endpoint-ops.less index 6829cced0a..aafd5df1d2 100644 --- a/website/assets/styles/pages/endpoint-ops.less +++ b/website/assets/styles/pages/endpoint-ops.less @@ -174,13 +174,6 @@ } } [purpose='testimonial-quote'] { - a { - text-decoration: none; - color: unset; - &:hover { - text-decoration: none; - } - } max-width: 591px; [purpose='quote'] { p { @@ -198,8 +191,19 @@ height: 48px; } } + a { + text-decoration: none; + color: unset; + &:hover { + text-decoration: none; + } + } [purpose='quote-attribution'] { - padding-top: 8px; + display: inline-flex; + padding: 4px 16px 4px 4px; + border-radius: 28px; + width: fit-content; + margin-top: 8px; [purpose='name'] { font-size: 12px; font-weight: 700; @@ -213,7 +217,12 @@ line-height: 18px; margin-bottom: 0px; } - + &:hover { + background-color: #F9FAFC; + } + &:active { + background-color: #F2F2F5; + } } } [purpose='testimonial-video'] { @@ -664,7 +673,6 @@ } [purpose='testimonial-quote'] { width: 100%; - margin-bottom: 60px; [purpose='quote'] { img { margin-right: auto; @@ -672,17 +680,10 @@ } text-align: center; } - [purpose='quote-image'] { - margin-bottom: 16px; + [purpose='quote-attribution'] { margin-right: auto; margin-left: auto; } - [purpose='quote-attribution'] { - text-align: center; - [purpose='name'] { - margin-bottom: 8px; - } - } } [purpose='video-modal'] { [purpose='modal-dialog'] { @@ -819,9 +820,6 @@ padding-top: 40px; margin-bottom: 80px; } - [purpose='testimonial-quote'] { - margin-bottom: 40px; - } [purpose='feature-image'] { margin-bottom: 40px; } diff --git a/website/assets/styles/pages/vulnerability-management.less b/website/assets/styles/pages/vulnerability-management.less index db96337311..a4732322a5 100644 --- a/website/assets/styles/pages/vulnerability-management.less +++ b/website/assets/styles/pages/vulnerability-management.less @@ -196,7 +196,11 @@ } } [purpose='quote-attribution'] { - padding-top: 8px; + display: inline-flex; + padding: 4px 16px 4px 4px; + border-radius: 28px; + width: fit-content; + margin-top: 8px; [purpose='name'] { font-size: 12px; font-weight: 700; @@ -210,7 +214,12 @@ line-height: 18px; margin-bottom: 0px; } - + &:hover { + background-color: #F9FAFC; + } + &:active { + background-color: #F2F2F5; + } } @@ -599,17 +608,10 @@ } text-align: center; } - [purpose='quote-image'] { - margin-bottom: 16px; + [purpose='quote-attribution'] { margin-right: auto; margin-left: auto; } - [purpose='quote-attribution'] { - text-align: center; - [purpose='name'] { - margin-bottom: 8px; - } - } } [purpose='video-modal'] { [purpose='modal-dialog'] { diff --git a/website/views/pages/device-management.ejs b/website/views/pages/device-management.ejs index 19e274f292..307c839639 100644 --- a/website/views/pages/device-management.ejs +++ b/website/views/pages/device-management.ejs @@ -26,7 +26,6 @@
-
an opening quotation mark

@@ -36,7 +35,8 @@ <% } %>

-
+ +
<%= ['eo-security','vm'].includes(primaryBuyingSituation) ? 'Nico Waisman' : ['eo-it'].includes(primaryBuyingSituation) ? 'Eric Tan' : 'Kenny Botelho'%>

<%= ['eo-security','vm'].includes(primaryBuyingSituation) ? 'Nico Waisman' : ['eo-it'].includes(primaryBuyingSituation) ? 'Eric Tan' : 'Kenny Botelho'%>

diff --git a/website/views/pages/endpoint-ops.ejs b/website/views/pages/endpoint-ops.ejs index 12d78f6232..922d0422c8 100644 --- a/website/views/pages/endpoint-ops.ejs +++ b/website/views/pages/endpoint-ops.ejs @@ -43,44 +43,44 @@
<% if (['eo-security'].includes(primaryBuyingSituation)) { %>
-
an opening quotation mark

"We will have no, zero, blind spots in our entire infrastructure, more than 100,000 servers. It just works, it's awesome."

-
+ +
Charles Zaffery

Charles Zaffery

Principal computer janitor

- +
<% } else if (['vm'].includes(primaryBuyingSituation)) { %>
-
an opening quotation mark

"Fleet lets us be more actionable with fewer people. It helps us to filter out the noise better than we could with the other big name products we replaced."

-
+ +
Austin Anderson

Austin Anderson

Cybersecurity team senior manager

- +
<% } else { %>