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

🐛 Fixed visual bugs on integration details screen

Browse source 
no refs.
- fixed misalignment of icon container and icon
- fixed icon color for "Copied" link status indication
This commit is contained in:
Peter Zimon 2020-02-12 09:33:27 +01:00
parent ffb3a34ee7
commit a376219453
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -17,7 +17,7 @@
<div class="flex flex-column items-start"> <div class="flex flex-column items-start">
<label class="mb1">Icon</label> <label class="mb1">Icon</label>
<figure class="relative flex items-center h-100 ma0 br4 hide-child ba b--whitegrey-d2 pa8 bg-white" style={{this.iconImageStyle}}> <figure class="relative flex items-center h-100 ma0 br4 hide-child ba b--whitegrey-d2 pa8 bg-white" style={{this.iconImageStyle}}>
<AspectRatioBox @class="flex items-center h-100" @ratio="1/1" @base="height"> <AspectRatioBox @class="flex items-center h-100 justify-center" @ratio="1/1" @base="height">
{{#unless this.integration.iconImage}} {{#unless this.integration.iconImage}}
{{svg-jar "integration" class="w11 h11"}} {{svg-jar "integration" class="w11 h11"}}
{{/unless}} {{/unless}}
@ -51,7 +51,7 @@
</GhUploader> </GhUploader>
</figure> </figure>
</div> </div>
<div class="flex-auto ml12"> <div class="flex-auto ml6">
<GhValidationStatusContainer <GhValidationStatusContainer
@class="flex flex-column w-100 mr3" @class="flex flex-column w-100 mr3"
@errors={{this.integration.errors}} @errors={{this.integration.errors}}
@ -104,7 +104,7 @@
<div class="pt1 pr3 pb1 pl3 bg-black-70 child br3 f8 nudge-top--4 nudge-right--1"> <div class="pt1 pr3 pb1 pl3 bg-black-70 child br3 f8 nudge-top--4 nudge-right--1">
<button type="button" {{action (perform this.copyContentKey)}} class="white fw4 flex items-center"> <button type="button" {{action (perform this.copyContentKey)}} class="white fw4 flex items-center">
{{#if this.copyContentKey.isRunning}} {{#if this.copyContentKey.isRunning}}
{{svg-jar "check-circle" class="w3 v-mid mr2"}} Copied {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-white"}} Copied
{{else}} {{else}}
Copy Copy
{{/if}} {{/if}}
@ -125,7 +125,7 @@
<div class="pt1 pr3 pb1 pl3 bg-black-70 child br3 f8 nudge-top--4 nudge-right--1"> <div class="pt1 pr3 pb1 pl3 bg-black-70 child br3 f8 nudge-top--4 nudge-right--1">
<button type="button" {{action (perform this.copyAdminKey)}} class="white fw4 flex items-center"> <button type="button" {{action (perform this.copyAdminKey)}} class="white fw4 flex items-center">
{{#if this.copyAdminKey.isRunning}} {{#if this.copyAdminKey.isRunning}}
{{svg-jar "check-circle" class="w3 v-mid mr2"}} Copied {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-white"}} Copied
{{else}} {{else}}
Copy Copy
{{/if}} {{/if}}
@ -146,7 +146,7 @@
<div class="pt1 pr3 pb1 pl3 bg-black-70 child br3 f8 nudge-top--4 nudge-right--1"> <div class="pt1 pr3 pb1 pl3 bg-black-70 child br3 f8 nudge-top--4 nudge-right--1">
<button type="button" {{action (perform this.copyApiUrl)}} class="white fw4 flex items-center"> <button type="button" {{action (perform this.copyApiUrl)}} class="white fw4 flex items-center">
{{#if this.copyApiUrl.isRunning}} {{#if this.copyApiUrl.isRunning}}
{{svg-jar "check-circle" class="w3 v-mid mr2"}} Copied {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-white"}} Copied
{{else}} {{else}}
Copy Copy
{{/if}} {{/if}}