Website: update edit button on table pages (#8807)

This commit is contained in:
Eric 2022-11-23 16:31:07 -06:00 committed by GitHub
parent 8d1ebce204
commit dfefe64b3b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 14 deletions

View file

@ -320,30 +320,25 @@
}
[purpose='edit-button'] {
display: block;
color: @core-vibrant-blue;
font-size: 12px;
font-size: 14px;
cursor: pointer;
border: 1px solid @core-vibrant-blue;
border-radius: 4px;
width: fit-content;
padding: 8px 12px;
text-decoration: none;
a {
color: @core-vibrant-blue;
size: 14px;
line-height: 20px;
font-weight: 700;
}
line-height: 20px;
font-weight: 700;
i {
height: 16px;
margin-left: 5px;
}
&:hover {
background: @core-vibrant-blue;
a {
text-decoration: none;
color: @accent-white;;
}
color: @accent-white;
text-decoration: none;
}
}
[purpose='slack-cta'] {

View file

@ -76,9 +76,7 @@
</div>
<div class="justify-self-end">
<div purpose="edit-button">
<a :href="tableToDisplay.githubUrl" target="_blank">Edit page<i class="fa fa-pencil"></i></a>
</div>
<a :href="tableToDisplay.githubUrl" purpose="edit-button" target="_blank">Edit page<i class="fa fa-pencil"></i></a>
<div class="d-block justify-self-end" purpose="slack-cta">
<h3 class="pt-0" style="font-size: 24px; line-height: 28px;">Need more help?</h3>
<div class="d-sm-flex">