Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-06 22:40:14 -05:00
Code Issues Activity

✨ Improved display of video embed cards in member emails

Browse source 
refs core/server/api/canary/oembed.js

- updated `kg-default-cards` to a version that will render a thumbnail and play button overlay for video embed cards when rendering to an email target
- added styling for video embed play button overlays to members email template
This commit is contained in:
Kevin Ansfield 2020-04-29 16:44:10 +01:00
parent 1f85ef46d2
commit d255d98bbb
3 changed files with 50 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
core/server/services/mega/template.js
View file

@ -467,6 +467,34 @@ figure blockquote p {
padding-top: 20px;
}
.kg-video-preview {
background-color: #1d1f21;
background-image: radial-gradient(circle at center, #5b5f66, #1d1f21);
display: block;
text-decoration: none !important;
}
.kg-video-preview table {
background-size: cover;
}
.kg-video-play-button {
height: 2em;
width: 3em;
margin: 0 auto;
border-radius: 10px;
padding: 1em 0.8em 0.6em 1em;
font-size: 1em; /* change this to resize */
background-color: rgba(0,0,0,0.85);
}
.kg-video-play-button div {
border-color: transparent transparent transparent white;
border-style: solid;
border-width: 0.8em 0 0.8em 1.5em;
display: block;
height: 0;
Margin: 0 auto;
width: 0;
}
/* -------------------------------------
HEADER, FOOTER, MAIN
@ -683,7 +711,7 @@ figure blockquote p {
table[class=body] .kg-bookmark-thumbnail {
display: none !important;
}
table[class=body] .kg-bookmark-metadata span {
font-size: 13px !important;
}
@ -732,7 +760,7 @@ figure blockquote p {
table[class=body] blockquote + * {
margin-top: 1.5em !important;
}
table[class=body] hr {
margin: 2em 0 !important;
}
@ -828,8 +856,8 @@ figure blockquote p {
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="post-meta">
By ${post.authors} –
${post.published_at} –
By ${post.authors} –
${post.published_at} –
<a href="${post.url}" class="view-online-link">View online →</a>
</td>
</tr>
@ -875,4 +903,4 @@ figure blockquote p {
</body>
</html>`;
};
};

2
package.json
View file

@ -47,7 +47,7 @@
"@tryghost/image-transform": "0.2.1",
"@tryghost/kg-card-factory": "1.0.2",
"@tryghost/kg-default-atoms": "1.0.0",
"@tryghost/kg-default-cards": "1.1.1",
"@tryghost/kg-default-cards": "1.2.0",
"@tryghost/kg-markdown-html-renderer": "1.0.3",
"@tryghost/kg-mobiledoc-html-renderer": "2.0.1",
"@tryghost/members-api": "0.18.2",

22
yarn.lock
View file

@ -403,15 +403,15 @@
resolved "https://registry.yarnpkg.com/@tryghost/kg-default-atoms/-/kg-default-atoms-1.0.0.tgz#d423a0f19a6989051bd6bbc9c8f104c88bd5c738"
integrity sha512-f6a8zIoL2w7aeZbeBj+0UPvFzE1Dd/zf3RGO+L4j/Kb4Z/yqOtoBWQun6I2H37XXoaqiiQc6Z3eW+L4iYSw1Ow==
"@tryghost/kg-default-cards@1.1.1":
version "1.1.1"
resolved "https://registry.yarnpkg.com/@tryghost/kg-default-cards/-/kg-default-cards-1.1.1.tgz#0ece69f3c6d727daa866bed00d97ebb322812098"
integrity sha512-naa2MXQACiSTt/08dPAgZm61OHE4h4jXPtV7vl8TtYieiTylYbhWEE/LYNUxGdiF69iDYxurgbg0Rg8cm8TgpA==
"@tryghost/kg-default-cards@1.2.0":
version "1.2.0"
resolved "https://registry.yarnpkg.com/@tryghost/kg-default-cards/-/kg-default-cards-1.2.0.tgz#6b919b4e5bf4d59c71a74bce429f7f41a0e89898"
integrity sha512-Xz/xszMs0ulPAb+NCxjtYDYJx/6woYfhJ2DcBM56YugTBAc2T50hflH4SRwHgln7tllWpdmpyMQVUvTCyHcdOg==
dependencies:
"@tryghost/kg-markdown-html-renderer" "^1.0.3"
"@tryghost/kg-markdown-html-renderer" "^1.0.4"
"@tryghost/url-utils" "^0.6.14"
"@tryghost/kg-markdown-html-renderer@1.0.3", "@tryghost/kg-markdown-html-renderer@^1.0.3":
"@tryghost/kg-markdown-html-renderer@1.0.3":
version "1.0.3"
resolved "https://registry.yarnpkg.com/@tryghost/kg-markdown-html-renderer/-/kg-markdown-html-renderer-1.0.3.tgz#d70bab6af4c52dbb44a3565e26583a568ceb78ba"
integrity sha512-H/a9hvwCda1gUfjPchBQ7iFHkOb25E1JlAqg/UOK7SKI6zlWMEskdDj78jrfdC14+AP8MasrHKkfsyDaE/Pnbw==
@ -421,6 +421,16 @@
markdown-it-lazy-headers "^0.1.3"
markdown-it-mark "^3.0.0"
"@tryghost/kg-markdown-html-renderer@^1.0.4":
version "1.0.4"
resolved "https://registry.yarnpkg.com/@tryghost/kg-markdown-html-renderer/-/kg-markdown-html-renderer-1.0.4.tgz#380c3b485625863a73e675495e53458fc1cc7e1e"
integrity sha512-I2CVbnE00ZQc4K9ptbAKTGM3FfwSiJxMeXA52QGjRGVyPICFyw4BVLe9gUFDRradDjkVty63Jl72H6KDtrQd0Q==
dependencies:
markdown-it "^10.0.0"
markdown-it-footnote "^3.0.2"
markdown-it-lazy-headers "^0.1.3"
markdown-it-mark "^3.0.0"
"@tryghost/kg-mobiledoc-html-renderer@2.0.1":
version "2.0.1"
resolved "https://registry.yarnpkg.com/@tryghost/kg-mobiledoc-html-renderer/-/kg-mobiledoc-html-renderer-2.0.1.tgz#163eb693d6d3d4f6d1747ba13cd95acb5b912fcd"