mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-01-06 22:40:14 -05:00
Fixed design issue DES-4 (#19662)
Fixed inconsistencies in typography for footer and featured images, on desktop and mobile.
This commit is contained in:
Daniël van der Winden
GitHub
parent
97c63e1735
commit
3fa363f944
4 changed files with 39 additions and 12 deletions
|
|
@ -423,7 +423,7 @@ table.body h2 span {
|
|||
\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 18px; vertical-align: top; color: #000000; width: 100%; padding-bottom: 10px;\\" width=\\"100%\\" valign=\\"top\\"><img src=\\"https://example.com/image.jpg\\" alt=\\"Testing sending\\" style=\\"border: none; -ms-interpolation-mode: bicubic; max-width: 100%;\\"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class=\\"feature-image-caption\\" align=\\"center\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; vertical-align: top; width: 100%; padding-bottom: 30px; text-align: center; font-size: 13px; color: #000000; color: rgba(0, 0, 0, 0.5);\\" width=\\"100%\\" valign=\\"top\\">Testing <b>feature image caption</b></td>
|
||||
<td class=\\"feature-image-caption\\" align=\\"center\\" style=\\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; vertical-align: top; width: 100%; padding: 10px 0 30px 0; text-align: center; color: rgba(0, 0, 0, 0.5); font-size: 13px;\\" width=\\"100%\\" valign=\\"top\\">Testing <b>feature image caption</b></td>
|
||||
</tr>
|
||||
<tr class=\\"post-content-row\\">
|
||||
<td class=\\"post-content\\" style=\\"vertical-align: top; font-family: Georgia, serif; font-size: 18px; line-height: 1.5em; color: #000000; padding-bottom: 20px; border-bottom: 1px solid #e5eff5; border-bottom: 1px solid rgba(0, 0, 0, 0.12); max-width: 600px;\\" valign=\\"top\\">
|
||||
|
|
|
|||
|
|
@ -269,8 +269,14 @@ figcaption {
|
|||
text-align: center;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
||||
font-size: 13px;
|
||||
padding-top: 5px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
line-height: 1.5em;
|
||||
color: {{secondaryTextColor}};
|
||||
}
|
||||
|
||||
figcaption a {
|
||||
text-decoration: none!important;
|
||||
}
|
||||
|
||||
code {
|
||||
|
|
@ -424,15 +430,19 @@ figure blockquote p {
|
|||
}
|
||||
|
||||
.feature-image-with-caption {
|
||||
padding-bottom: 10px;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
font-size: 13px!important;
|
||||
}
|
||||
|
||||
.feature-image-caption {
|
||||
width: 100%;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 30px;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
color: #738a94;
|
||||
font-size: 13px!important;
|
||||
color: {{secondaryTextColor}};
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
|
|
@ -618,6 +628,10 @@ a[data-flickr-embed] img {
|
|||
width: auto;
|
||||
}
|
||||
|
||||
.kg-image-card span {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.kg-bookmark-container {
|
||||
display: flex;
|
||||
min-height: 148px;
|
||||
|
|
@ -1123,7 +1137,7 @@ a[data-flickr-embed] img {
|
|||
color: #738a94;
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
font-size: 13px!important;
|
||||
padding-bottom: 10px;
|
||||
padding-top: 10px;
|
||||
padding-left: 30px;
|
||||
|
|
@ -1134,6 +1148,7 @@ a[data-flickr-embed] img {
|
|||
.footer a {
|
||||
color: #738a94;
|
||||
text-decoration: underline;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
|
|
@ -1373,6 +1388,10 @@ a[data-flickr-embed] img {
|
|||
}
|
||||
|
||||
|
||||
table.body .footer p {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
table.body .view-online-link,
|
||||
table.body .footer,
|
||||
table.body .footer a {
|
||||
|
|
@ -1537,6 +1556,10 @@ a[data-flickr-embed] img {
|
|||
line-height: 1.3em !important;
|
||||
}
|
||||
|
||||
.feature-image-caption {
|
||||
font-size: 13px!important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
|
|
|
|||
|
|
@ -462,10 +462,9 @@ figure blockquote p {
|
|||
|
||||
.feature-image-caption {
|
||||
width: 100%;
|
||||
padding-bottom: 30px;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
color: {{textColor}};
|
||||
padding: 10px 0 30px 0;
|
||||
font-size: 13px !important;
|
||||
text-align: center;
|
||||
color: {{secondaryTextColor}};
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -116,9 +116,14 @@
|
|||
{{/if}}
|
||||
></td>
|
||||
</tr>
|
||||
{{#if post.feature_image_caption }}
|
||||
|
||||
{{#if post.feature_image_caption }}
|
||||
<tr>
|
||||
<td class="feature-image-caption" align="center">{{{post.feature_image_caption}}}</td>
|
||||
<td align="center">
|
||||
<div class="feature-image-caption">
|
||||
{{{post.feature_image_caption}}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
|
|
|||
Loading…
Reference in a new issue