Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-23 00:49:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 106

Website: add CTA to the handbook nav (#23364)

Browse source 
Closes: https://github.com/fleetdm/confidential/issues/8484

Changes:
- Added a CTA linking to the contact page to the handbook nav
This commit is contained in:
Eric 2024-10-30 01:06:45 -05:00 committed by GitHub
parent 484936144e
commit 4cc30f5fd1
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 53 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
website/assets/images/icon-question-20x19@2x.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

30
website/assets/styles/pages/handbook/basic-handbook.less vendored
View file

@ -180,6 +180,36 @@
margin-left: -2px;
}
}
[purpose='sidebar-cta'] {
margin-top: 24px;
display: flex;
width: 200px;
padding: 16px;
align-items: center;
border-radius: 8px;
border: 1px solid #E2E4EA;
background: #FFF;
font-size: 14px;
line-height: 150%;
color: @core-fleet-black;
p {
line-height: 120%;
margin-bottom: 0px;
font-weight: 800;
}
[parasails-component='animated-arrow-button'] {
line-height: 150%;
}
img {
width: 20px;
height: 18.947px;
margin-right: 10px;
}
&:hover {
text-decoration: none;
}
}
}
[purpose='🫧 Marketing'] {
h2 {

23
website/views/pages/handbook/basic-handbook.ejs vendored
View file

@ -17,6 +17,18 @@
</li>
</ul>
</div>
</div>
<div>
<a href="/contact" purpose="sidebar-cta" class="d-flex flex-row justify-content-start">
<div class="d-flex align-self-start">
<img alt="Ask us anything" src="/images/icon-question-20x19@2x.png">
</div>
<div>
<p class="mb-0">Questions?</p>
<animated-arrow-button text-color="#515774" class="py-0" style="font-weight: 400" href="/contact">Ask us anything</animated-arrow-button>
</div>
</a>
</div>
<div class="border-bottom py-3 d-flex d-md-none"></div>
</div>
@ -75,6 +87,17 @@
</ul>
</div>
</div>
<div>
<a href="/contact" purpose="sidebar-cta" class="d-flex flex-row justify-content-start">
<div class="d-flex align-self-start">
<img alt="Ask us anything" src="/images/icon-question-20x19@2x.png">
</div>
<div>
<p class="mb-0">Questions?</p>
<animated-arrow-button text-color="#515774" class="py-0" style="font-weight: 400" href="/contact">Ask us anything</animated-arrow-button>
</div>
</a>
</div>
<div class="border-bottom py-3 d-flex d-md-none"></div>
</div>