Website: Update "Edit page" button on documentation pages. (#16481)

Closes: #16430

Changes:
- Updated the position of the "edit page" button on documentation pages.
This commit is contained in:
Eric 2024-01-30 15:55:48 -06:00 committed by GitHub
parent 4492ae3b24
commit a3341e17d8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 12 additions and 9 deletions

View File

@ -208,13 +208,13 @@
position: relative;
}
[purpose='edit-button'] {
[purpose='edit-button'], [purpose='faq-edit-button'] {
color: @core-vibrant-blue;
font-size: 12px;
position: absolute;
right: 230px;
top: 34px;
top: 27px;
cursor: pointer;
border: 1px solid @core-vibrant-blue;
border-radius: 4px;
@ -229,6 +229,9 @@
text-decoration: none;
}
}
[purpose='faq-edit-button'] {
right: 48px;
}
[purpose='search'] {
@ -915,9 +918,9 @@
display: none;
}
[purpose='edit-button'] {
top: -61px;
right: 15px;
[purpose='edit-button'], [purpose='faq-edit-button'] {
top: -55px;
right: 0px;
}
[purpose='right-sidebar'] {
@ -955,7 +958,7 @@
[purpose='docs-template'] {
[purpose='edit-button'] {
top: -2px;
top: 0px;
right: 0px;
}
}
@ -971,12 +974,12 @@
}
@media(hover) {
[purpose='docs-template'] {
[purpose='edit-button'] {
[purpose='edit-button'], [purpose='faq-edit-button'] {
opacity: 0;
}
}
[purpose='docs-template']:hover {
[purpose='edit-button'] {
[purpose='edit-button'], [purpose='faq-edit-button'] {
opacity: 1;
}
}

View File

@ -128,7 +128,7 @@
<h1 purpose="page-title" class="d-flex d-lg-none py-4 m-0"><%= thisPage.title %></h1>
<div purpose="edit-button-container">
<a purpose="edit-button" :href="'https://github.com/fleetdm/fleet/edit/main/docs/'+thisPage.sectionRelativeRepoPath" target="_blank">
<a :purpose="thisPage.title !== 'FAQ' ? 'edit-button' : 'faq-edit-button'" :href="'https://github.com/fleetdm/fleet/edit/main/docs/'+thisPage.sectionRelativeRepoPath" target="_blank">
<i class="fa fa-pencil"></i>Edit page
</a>
</div>