empayre/fleet
14
0
Fork 0
mirror of https://github.com/empayre/fleet.git synced 2024-11-06 08:55:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Website: Update mobile documentation navigation links (#16323)

Browse Source 
Changes:
- Added links to /tables, /queries, /support, and the releases page of
the Fleet GitHub repo to the mobile documentation nav menu.
- Updated the color of the `.border-bottom` bootstrap class to match
wireframes
This commit is contained in:
Eric 2024-01-24 18:36:52 -06:00 committed by GitHub
parent 298fee8229
commit c16a568e8e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
website/assets/styles/bootstrap-overrides.less vendored
View File

@ -205,6 +205,10 @@ a.text-danger:hover, a.text-danger:focus {
}
}
.border-bottom {
border-bottom: 1px solid #C5C7D1 !important; //lesshint-disable-line importantRule
}
.card {
box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.05);
}

7
website/assets/styles/pages/docs/basic-documentation.less vendored
View File

@ -265,9 +265,16 @@
&.active {
color: @core-vibrant-blue;
}
&:hover {
color: @core-vibrant-blue;
}
}
[purpose='mobile-docs-nav-other-links'] {
border-top: 1px solid #C5C7D1;
}
[purpose='docs-nav-button'] {
color: @core-fleet-black;
background-color: transparent;

8
website/views/pages/docs/basic-documentation.ejs vendored
View File

@ -93,7 +93,7 @@
<div class="border-bottom" v-if="!showDocsNav"></div>
<div class="d-flex px-0 border-bottom mobile-docs-nav" v-if="showDocsNav">
<div class="container-fluid px-0 pt-4">
<ul class="px-0 mb-0">
<ul class="px-0 mb-0 pb-3">
<li class="px-0 mb-2" v-for="page in findPagesByUrl()" :key="page.title">
<a :href="page.url" class="font-weight-bold">
{{page.title}}
@ -112,6 +112,12 @@
</div>
</li>
</ul>
<ul class="px-0 mb-0 pt-3" purpose="mobile-docs-nav-other-links">
<li class="px-0 mb-3"><a href="/tables">Data tables</a></li>
<li class="px-0 mb-3"><a href="/queries">Built-in queries</a></li>
<li class="px-0 mb-3"><a href="https://github.com/fleetdm/fleet/releases" target="_blank">Releases</a></li>
<li class="px-0 mb-3"><a href="/support">Support</a></li>
</ul>
</div>
</div>