mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-02-24 23:48:13 -05:00
GIF card refinements
This commit is contained in:
Peter Zimon
parent
9150af46e6
commit
b3f74c1d88
7 changed files with 42 additions and 10 deletions
|
|
@ -12,8 +12,8 @@
|
|||
{{!-- static header --}}
|
||||
<header class="flex-shrink-0 flex flex-row-l flex-column justify-between pt6 pr8 pb6 pl8 pt10-l pr20-l pb10-l pl20-l items-center">
|
||||
<h1 class="flex items-center darkgrey-d2 w-100 nudge-top--4">
|
||||
<a class="dib w-30 mr2" href="https://unsplash.com/?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit" target="_blank">
|
||||
{{svg-jar "powered-by-tenor"}}
|
||||
<a class="gh-tenor-logo" href="https://unsplash.com/?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit" target="_blank">
|
||||
{{svg-jar "tenor"}}
|
||||
</a>
|
||||
</h1>
|
||||
<span class="gh-input-icon mw88-l flex-auto w-100 mt3 mt0-l">
|
||||
|
|
|
|||
|
|
@ -56,7 +56,8 @@ export default class GhTenorComponent extends Component {
|
|||
src: media.url,
|
||||
width: media.dims[0],
|
||||
height: media.dims[1],
|
||||
caption: '(Via <a href="https://tenor.com">Tenor</a>)'
|
||||
caption: '(Via <a href="https://tenor.com">Tenor</a>)',
|
||||
type: 'gif'
|
||||
};
|
||||
|
||||
this.args.select(selectParams);
|
||||
|
|
|
|||
|
|
@ -293,3 +293,9 @@
|
|||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.gh-tenor-logo {
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
|
@ -88,9 +88,17 @@ export default Component.extend({
|
|||
}
|
||||
|
||||
let cardWidth = this.payload.cardWidth;
|
||||
let toolbarItems;
|
||||
|
||||
return {
|
||||
items: [{
|
||||
if (this.payload.type === 'gif') {
|
||||
toolbarItems = [{
|
||||
title: 'Link',
|
||||
icon: 'koenig/kg-link',
|
||||
iconClass: this.payload.href ? 'fill-green-l2' : 'fill-white',
|
||||
action: run.bind(this, this._editLink)
|
||||
}];
|
||||
} else {
|
||||
toolbarItems = [{
|
||||
title: 'Regular',
|
||||
icon: 'koenig/kg-img-regular',
|
||||
iconClass: !cardWidth ? 'fill-green-l2' : 'fill-white',
|
||||
|
|
@ -117,8 +125,10 @@ export default Component.extend({
|
|||
icon: 'koenig/kg-replace',
|
||||
iconClass: 'fill-white',
|
||||
action: run.bind(this, this._triggerFileDialog)
|
||||
}]
|
||||
};
|
||||
}];
|
||||
}
|
||||
|
||||
return {items: toolbarItems};
|
||||
}),
|
||||
|
||||
init() {
|
||||
|
|
@ -223,11 +233,11 @@ export default Component.extend({
|
|||
});
|
||||
},
|
||||
|
||||
selectFromImageSelector({src, width, height, caption, alt}) {
|
||||
selectFromImageSelector({src, width, height, caption, alt, type}) {
|
||||
let {payload, saveCard} = this;
|
||||
let searchTerm;
|
||||
|
||||
setProperties(payload, {src, width, height, caption, alt, searchTerm});
|
||||
setProperties(payload, {src, width, height, caption, alt, type, searchTerm});
|
||||
|
||||
this.send('closeImageSelector');
|
||||
|
||||
|
|
|
|||
|
|
@ -214,7 +214,7 @@ export const CARD_MENU = [
|
|||
},
|
||||
{
|
||||
label: 'GIF',
|
||||
icon: 'koenig/kg-card-type-unsplash',
|
||||
icon: 'koenig/kg-card-type-tenor',
|
||||
desc: '/gif [search-term or url]',
|
||||
iconClass: 'kg-card-type-unsplash',
|
||||
matches: ['gif', 'giphy', 'tenor'],
|
||||
|
|
|
|||
|
|
@ -0,0 +1,8 @@
|
|||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M29 0H3C1.34315 0 0 1.34315 0 3V29C0 30.6569 1.34315 32 3 32H29C30.6569 32 32 30.6569 32 29V3C32 1.34315 30.6569 0 29 0Z" fill="#007ADD"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.22816 16.816C8.26724 17.1092 8.35193 17.3714 8.50177 17.6075C8.85355 18.1629 9.36494 18.4267 10.0197 18.4219C10.5571 18.4186 11.018 18.2232 11.4154 17.8649C11.6239 17.6759 11.917 17.7118 12.0636 17.9382C12.1695 18.101 12.1483 18.2981 12.0017 18.4447C11.5571 18.8893 11.0278 19.1661 10.4008 19.2427C9.99034 19.2932 9.58155 19.2834 9.18254 19.1596C8.27376 18.8779 7.66954 18.2753 7.40081 17.3698C7.08649 16.3063 7.25423 15.3177 7.99526 14.4675C8.49851 13.8926 9.14996 13.619 9.91705 13.632C10.5783 13.6434 11.1548 13.8682 11.619 14.3486C12.005 14.7477 12.2183 15.2346 12.316 15.7753C12.3535 15.9805 12.3698 16.189 12.3795 16.3975C12.3909 16.6271 12.2118 16.8062 11.9822 16.8176C11.9496 16.8193 11.917 16.8176 11.8844 16.8176H8.34379C8.31122 16.816 8.27702 16.816 8.22816 16.816ZM11.4073 15.9968C11.3828 15.7851 11.3226 15.5897 11.2428 15.3991C10.7672 14.2802 9.53106 14.2509 8.8959 14.7965C8.56203 15.0832 8.36496 15.4496 8.26725 15.873C8.25747 15.9121 8.25422 15.9512 8.24607 15.9968H11.4073Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.9055 16.4185C18.9071 14.9788 20.0227 13.6254 21.7295 13.6287C23.3207 13.6303 24.5406 14.8632 24.5373 16.4658C24.5341 18.0406 23.2898 19.2686 21.6953 19.2703C20.1595 19.2703 18.9022 17.9869 18.9055 16.4185ZM23.5732 16.4934C23.565 15.9348 23.4038 15.469 23.0504 15.0749C22.3289 14.2687 21.0113 14.2997 20.3191 15.1303C19.7426 15.8224 19.7019 17.0439 20.3713 17.7963C20.9673 18.4673 22.039 18.6058 22.7686 18.0846C23.324 17.6872 23.5569 17.1253 23.5732 16.4934Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.2329 14.4202C14.3355 14.3224 14.4186 14.2394 14.5049 14.1612C14.9218 13.7801 15.4202 13.6238 15.9756 13.6286C16.4137 13.6335 16.8257 13.7313 17.1905 13.9853C17.6433 14.3013 17.8892 14.7491 17.9853 15.2817C18.0163 15.4543 18.0325 15.6319 18.0342 15.8078C18.0391 16.8045 18.0358 17.7996 18.0358 18.7963C18.0358 18.9869 17.9153 19.1676 17.7378 19.2328C17.5521 19.3012 17.3778 19.2735 17.2345 19.1302C17.1335 19.0308 17.0896 18.9054 17.0896 18.7621C17.0912 17.8387 17.0944 16.9169 17.0863 15.9934C17.0847 15.811 17.0586 15.6237 17.0146 15.4478C16.8762 14.9088 16.4902 14.5814 15.9381 14.5179C15.5456 14.4723 15.1727 14.5342 14.8453 14.7719C14.4105 15.0879 14.2362 15.5374 14.2346 16.0586C14.2313 16.9674 14.2346 17.8778 14.2329 18.7865C14.2329 19.1351 13.8942 19.3614 13.5717 19.2295C13.4007 19.1595 13.2851 18.9738 13.2851 18.7654V17.324V14.1075C13.2851 13.9234 13.3698 13.7834 13.5261 13.6922C13.6873 13.5977 13.8551 13.6026 14.0131 13.7019C14.1482 13.7883 14.2297 13.9137 14.2329 14.0798C14.2346 14.1873 14.2329 14.2915 14.2329 14.4202Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.13537 13.7394H5.24123H6.41384C6.58974 13.7394 6.73306 13.7964 6.82426 13.9544C6.97572 14.2199 6.821 14.5407 6.51808 14.5863C6.47085 14.5928 6.42036 14.5945 6.3715 14.5945H5.2396H5.13537V14.6857V17.5928C5.13537 17.7882 5.16631 17.9755 5.29823 18.1351C5.40572 18.2654 5.55067 18.3208 5.70865 18.3452C5.9448 18.3827 6.17932 18.3631 6.40896 18.2915C6.6272 18.2214 6.84218 18.3191 6.91546 18.5227C6.99038 18.7296 6.88452 18.9331 6.68257 19.0309C6.40896 19.1644 6.12232 19.223 5.81939 19.2393C5.03439 19.2784 4.32919 18.7084 4.2103 17.9299C4.19402 17.8289 4.18913 17.7247 4.18913 17.6221C4.1875 16.653 4.1875 15.684 4.1875 14.715V14.6026C4.15167 14.601 4.12236 14.5977 4.09467 14.5977C3.91552 14.5977 3.73637 14.601 3.55722 14.5961C3.26407 14.5879 3.07514 14.3681 3.11912 14.0912C3.15006 13.8958 3.32758 13.7492 3.55071 13.7427C3.7266 13.7378 3.90412 13.741 4.08001 13.741C4.1875 13.741 4.1875 13.741 4.1875 13.6287V12.4968C4.1875 12.2199 4.38782 12.0082 4.65492 12.0049C4.92202 12.0017 5.13211 12.215 5.13374 12.4951C5.13537 12.8746 5.13374 13.2557 5.13374 13.6352C5.13537 13.6661 5.13537 13.6987 5.13537 13.7394Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.4298 14.7704C26.5698 14.6108 26.6936 14.4528 26.8369 14.3127C27.1643 13.9935 27.5486 13.7704 28.0014 13.6808C28.1382 13.6531 28.2815 13.6466 28.4216 13.6531C28.6871 13.6678 28.8858 13.8893 28.8858 14.1499C28.8858 14.4072 28.6838 14.6254 28.4216 14.6499C28.2278 14.6678 28.0307 14.671 27.8402 14.7118C27.3174 14.8241 26.9477 15.1401 26.7099 15.614C26.5014 16.0277 26.4314 16.4739 26.4298 16.9316C26.4265 17.5423 26.4298 18.1531 26.4298 18.7638C26.4298 19.0472 26.2213 19.2671 25.9526 19.2654C25.6822 19.2638 25.4787 19.0537 25.4787 18.7703V14.0978C25.4787 13.886 25.6285 13.6939 25.8304 13.6434C26.0519 13.588 26.2669 13.6792 26.363 13.8828C26.4005 13.961 26.4216 14.0522 26.4249 14.1401C26.4347 14.3209 26.4281 14.5033 26.4281 14.6857C26.4298 14.7134 26.4298 14.7394 26.4298 14.7704Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.9 KiB |
7
ghost/admin/public/assets/icons/tenor.svg
Normal file
7
ghost/admin/public/assets/icons/tenor.svg
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<svg width="200" height="56" viewBox="0 0 200 56" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M40.2165 37.0449C40.5172 39.2999 41.1687 41.3169 42.3212 43.1335C45.0273 47.4055 48.961 49.4351 53.9973 49.3975C58.1315 49.3724 61.6769 47.8691 64.7338 45.1129C66.3373 43.6597 68.5924 43.9353 69.7199 45.6767C70.5342 46.9295 70.3713 48.4454 69.2438 49.5729C65.8237 52.993 61.7521 55.1228 56.9288 55.7116C53.7718 56.1 50.6273 56.0248 47.5579 55.0727C40.5673 52.9053 35.9194 48.27 33.8523 41.3044C31.4344 33.1237 32.7248 25.5192 38.425 18.9796C42.2962 14.5572 47.3074 12.4525 53.208 12.5527C58.2944 12.6404 62.7293 14.3693 66.2997 18.065C69.2689 21.1344 70.91 24.8803 71.6617 29.0395C71.9499 30.6181 72.0751 32.2216 72.1503 33.8252C72.238 35.5917 70.8599 36.9697 69.0935 37.0574C68.8429 37.07 68.5924 37.0574 68.3418 37.0574H41.106C40.8555 37.0449 40.5924 37.0449 40.2165 37.0449ZM64.6711 30.7433C64.4832 29.1147 64.0197 27.6114 63.4058 26.1456C59.7476 17.5389 50.2389 17.3134 45.353 21.5102C42.7848 23.7152 41.2689 26.5339 40.5172 29.7912C40.442 30.0919 40.417 30.3926 40.3543 30.7433H64.6711Z" fill="#007ADD"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M122.35 33.9883C122.362 22.9136 130.944 12.5028 144.073 12.5279C156.313 12.5404 165.697 22.0241 165.672 34.3516C165.647 46.4661 156.075 55.9122 143.81 55.9247C131.996 55.9247 122.325 46.0527 122.35 33.9883ZM158.255 34.5646C158.192 30.2675 156.952 26.6845 154.234 23.6527C148.684 17.4514 138.549 17.6894 133.224 24.0787C128.789 29.403 128.476 38.799 133.625 44.5869C138.21 49.7485 146.454 50.8133 152.066 46.8044C156.338 43.7476 158.13 39.4254 158.255 34.5646Z" fill="#007ADD"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M86.4071 18.6164C87.1964 17.8647 87.8353 17.2258 88.4993 16.6245C91.7065 13.6929 95.54 12.4902 99.812 12.5278C103.182 12.5654 106.352 13.3171 109.158 15.2715C112.641 17.7019 114.532 21.1471 115.272 25.2437C115.51 26.5717 115.635 27.9372 115.647 29.2902C115.685 36.9574 115.66 44.6119 115.66 52.2791C115.66 53.7448 114.733 55.1354 113.367 55.6366C111.939 56.1627 110.599 55.9498 109.496 54.8473C108.719 54.0831 108.381 53.1184 108.381 52.016C108.394 44.9126 108.419 37.8218 108.356 30.7184C108.344 29.3153 108.143 27.8746 107.805 26.5216C106.74 22.3748 103.771 19.8567 99.5239 19.3681C96.5047 19.0173 93.6358 19.4934 91.1176 21.3225C87.7727 23.7529 86.4322 27.2106 86.4196 31.2195C86.3946 38.2102 86.4197 45.2133 86.4071 52.2039C86.4071 54.8849 83.8013 56.6263 81.3208 55.6115C80.0053 55.0728 79.1158 53.6446 79.1158 52.041V40.9538V16.211C79.1158 14.7954 79.7673 13.718 80.97 13.0164C82.2103 12.2898 83.5006 12.3274 84.7158 13.0916C85.7557 13.7556 86.3821 14.7202 86.4071 15.9981C86.4197 16.8249 86.4071 17.6267 86.4071 18.6164Z" fill="#007ADD"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.4259 13.3797H17.2403H26.2604C27.6134 13.3797 28.7159 13.8182 29.4174 15.0334C30.5825 17.0754 29.3924 19.5434 27.0622 19.8942C26.6989 19.9443 26.3105 19.9569 25.9347 19.9569H17.2277H16.4259V20.6584V43.0209C16.4259 44.5242 16.664 45.9649 17.6787 47.1927C18.5056 48.1949 19.6206 48.6209 20.8358 48.8088C22.6523 49.0969 24.4564 48.9466 26.2228 48.3953C27.9016 47.8566 29.5552 48.6083 30.119 50.1743C30.6953 51.7654 29.881 53.3314 28.3275 54.083C26.2228 55.1103 24.0179 55.5613 21.6877 55.6866C15.6492 55.9873 10.2246 51.6025 9.31006 45.6141C9.18478 44.8374 9.14719 44.0356 9.14719 43.2464C9.13467 35.7922 9.13466 28.3381 9.13466 20.8839V20.0195C8.85905 20.007 8.63355 19.9819 8.42057 19.9819C7.0425 19.9819 5.66442 20.007 4.28634 19.9694C2.03131 19.9067 0.578066 18.2155 0.916321 16.0857C1.15435 14.5824 2.5199 13.4548 4.23623 13.4047C5.58925 13.3672 6.9548 13.3922 8.30782 13.3922C9.13467 13.3922 9.13466 13.3922 9.13466 12.5278V3.82084C9.13466 1.69108 10.6756 0.0624484 12.7302 0.0373925C14.7848 0.0123365 16.4009 1.6535 16.4134 3.80831C16.4259 6.72733 16.4134 9.65887 16.4134 12.5779C16.4259 12.8159 16.4259 13.0665 16.4259 13.3797Z" fill="#007ADD"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M180.229 21.3099C181.306 20.0822 182.259 18.867 183.361 17.7896C185.879 15.3341 188.836 13.6178 192.319 12.9287C193.371 12.7158 194.473 12.6656 195.551 12.7158C197.593 12.8285 199.121 14.5323 199.121 16.5368C199.121 18.5162 197.568 20.1949 195.551 20.3829C194.06 20.5207 192.544 20.5457 191.078 20.8589C187.057 21.7234 184.213 24.1538 182.384 27.7994C180.78 30.9815 180.242 34.4142 180.229 37.9345C180.204 42.6325 180.229 47.3305 180.229 52.0285C180.229 54.2084 178.625 55.8996 176.558 55.8871C174.479 55.8746 172.913 54.2585 172.913 52.0786V16.1359C172.913 14.5073 174.065 13.029 175.619 12.6406C177.323 12.2146 178.976 12.9162 179.715 14.4822C180.004 15.0835 180.166 15.7851 180.191 16.4616C180.267 17.8522 180.217 19.2554 180.217 20.6585C180.229 20.8715 180.229 21.0719 180.229 21.3099Z" fill="#007ADD"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.7 KiB |
Loading…
Add table
Reference in a new issue