Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-03 23:00:14 -05:00
Code Issues Activity

Made edit link button always visible

Browse source 
refs https://github.com/TryGhost/Team/issues/2067
This commit is contained in:
Djordje Vlaisavljevic 2022-10-18 11:39:29 +02:00 • committed by Rishabh Garg
parent 4f54cbc37a
commit 6b46f3f295
2 changed files with 15 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
ghost/admin/app/components/posts/links-table.hbs
View file

@ -33,11 +33,15 @@
<span class="gh-links-list-item-error">Please enter a valid link</span>
</div>
{{else}}
<a href="{{link.link.to}}" target="_blank" rel="noopener noreferrer">
{{link.link.title}}
</a>
<button type="button" class="flex items-center gh-links-list-item-edit" aria-label="Edit link" {{on "click" (fn this.editLink link.link.link_id)}}>{{svg-jar "pen"}}</button>
<span class="gh-links-list-item-success">{{svg-jar "check-circle"}}</span>
<button type="button" class="gh-btn gh-btn-action-icon gh-btn-icon gh-btn-outline gh-links-list-item-edit icon-only" aria-label="Edit link" {{on "click" (fn this.editLink link.link.link_id)}}>
<span>
{{svg-jar "pen"}}
</span>
</button>
<a href="{{link.link.to}}" target="_blank" rel="noopener noreferrer">
{{link.link.title}}
</a>
<span class="gh-links-list-item-success">{{svg-jar "check-circle"}}</span>
{{/if}}
</div>
{{else}}
@ -47,7 +51,7 @@
</div>
{{/each}}
{{#if this.showPagination }}
<div class="gh-links-pagination" >
<div class="gh-links-pagination">
<div class="gh-links-pagination-progress">
Showing {{this.startOffset}}-{{this.endOffset}} of {{this.totalLinks}}
</div>

14
ghost/admin/app/styles/layouts/content.css
View file

@ -1018,17 +1018,13 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
color: var(--midgrey-d2);
}
.gh-links-list-item-edit>svg {
display: none;
width: 14px;
margin-left: 8px;
color: var(--midgrey);
cursor: pointer;
animation: fade-in 0.3s;
.gh-links-list-item-edit span {
padding: 0 10px;
height: 24px;
}
.gh-links-list-item:hover .gh-links-list-item-edit>svg {
display: inline;
.gh-links-list-item-edit span svg {
width: 14px;
}
.gh-links-list-item .gh-input {