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

Updated animation of copy buttons in integration

Browse source 
no refs.
"Copy" buttons in the integration detail screen are shown only on hover. Removed animation to make it snappeir.
This commit is contained in:
Zimo 2019-03-08 09:45:32 +01:00
parent 856c4000c8
commit d120440c96
2 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
ghost/admin/app/styles/spirit/_animations.css
View file

@ -124,6 +124,15 @@
transition: all var(--animation-speed-normal) ease-in;
}
.hide-child-instant .child {
opacity: 0;
}
.hide-child-instant:hover .child,
.hide-child-instant:focus .child,
.hide-child-instant:active .child {
opacity: 1;
}
.underline-hover:hover,
.underline-hover:focus {
text-decoration: underline;

6
ghost/admin/app/templates/settings/integration.hbs
View file

@ -98,7 +98,7 @@
<tr class="bb b--lightgrey">
<td class="pa3 w50 fw7">Content API Key</td>
<td class="pa0 truncate">
<div class="pa3 relative truncate {{unless copyContentKey.isRunning "hide-child"}}">
<div class="pa3 relative truncate {{unless copyContentKey.isRunning "hide-child-instant"}}">
<span class="midgrey" data-test-text="content-key">
{{this.integration.contentKey.secret}}
</span>
@ -119,7 +119,7 @@
<tr class="bb b--lightgrey">
<td class="pa3 w50 fw7">Admin API Key</td>
<td class="pa0">
<div class="pa3 relative truncate {{unless copyAdminKey.isRunning "hide-child"}}">
<div class="pa3 relative truncate {{unless copyAdminKey.isRunning "hide-child-instant"}}">
<span class="midgrey" data-test-text="admin-key">
{{this.integration.adminKey.secret}}
</span>
@ -140,7 +140,7 @@
<tr>
<td class="pa3 w50 fw7">API URL</td>
<td class="pa0 truncate">
<div class="pa3 relative truncate {{unless copyApiUrl.isRunning "hide-child"}}">
<div class="pa3 relative truncate {{unless copyApiUrl.isRunning "hide-child-instant"}}">
<span class="midgrey" data-test-text="api-url">
{{this.apiUrl}}
</span>