From 52b64f43b0baaa8604077323ef02148fec5d641a Mon Sep 17 00:00:00 2001 From: Kailas Nadh U <53608019+kailasnadh790@users.noreply.github.com> Date: Tue, 23 Jan 2024 07:54:14 -0500 Subject: [PATCH] Update articleheader.css (#102) * Update articleheader.css * Update articleheader.js * Update styles.css * Update styles.css --------- Co-authored-by: Bryan Stopp --- cigaradvisor/blocks/articleheader/articleheader.css | 10 ---------- cigaradvisor/blocks/articleheader/articleheader.js | 4 ++-- cigaradvisor/styles/styles.css | 9 +++++---- 3 files changed, 7 insertions(+), 16 deletions(-) diff --git a/cigaradvisor/blocks/articleheader/articleheader.css b/cigaradvisor/blocks/articleheader/articleheader.css index 29b81acd..793ce6eb 100644 --- a/cigaradvisor/blocks/articleheader/articleheader.css +++ b/cigaradvisor/blocks/articleheader/articleheader.css @@ -1,7 +1,3 @@ -main .articleheader-container { - margin-top: 46px; -} - .articleheader.block .image-wrapper { display: flex; justify-content: center; @@ -93,10 +89,4 @@ main .articleheader-container { margin-left: auto; margin-right: auto; max-width: 1080px; -} - -@media screen and (min-width: 900px) { - main .articleheader-container { - margin-top: 77px; - } } \ No newline at end of file diff --git a/cigaradvisor/blocks/articleheader/articleheader.js b/cigaradvisor/blocks/articleheader/articleheader.js index a71d7288..63e1ba98 100644 --- a/cigaradvisor/blocks/articleheader/articleheader.js +++ b/cigaradvisor/blocks/articleheader/articleheader.js @@ -13,7 +13,7 @@ export default async function decorate(block) { if (category) { const categoryLinkEl = document.createElement('div'); categoryLinkEl.classList.add('article-category'); - categoryLinkEl.innerHTML = `${category.title}`; + categoryLinkEl.innerHTML = `${category.heading}`; articleInfo.append(categoryLinkEl); } articleInfo.append(block.querySelector('h1')); @@ -22,7 +22,7 @@ export default async function decorate(block) { const authorLinkEl = document.createElement('div'); authorLinkEl.classList.add('article-author'); if (author) { - authorLinkEl.innerHTML = `By ${author.title}`; + authorLinkEl.innerHTML = `By ${author.name}`; articleInfo.append(authorLinkEl); } const publishedDate = block.querySelector('p.published-date').innerText; diff --git a/cigaradvisor/styles/styles.css b/cigaradvisor/styles/styles.css index c246b663..9f4c77e5 100644 --- a/cigaradvisor/styles/styles.css +++ b/cigaradvisor/styles/styles.css @@ -354,7 +354,7 @@ main .section[data-layout="3-column"] * > div { font-weight: 700; } -main .section > .default-content-wrapper > h2 { +:not(.blog-post-template) main .section > .default-content-wrapper > h2 { text-align: center; text-transform: uppercase; font-family: var(--ff-montserrat); @@ -415,11 +415,11 @@ main .button-container .button:hover { font-size: 35px; } - main .section > .default-content-wrapper > h2 { + :not(.blog-post-template) main .section > .default-content-wrapper > h2 { font-size: 35px; } - main .section > .default-content-wrapper > h2 ::before { + :not(.blog-post-template) main .section > .default-content-wrapper > h2::before { content: 'decor'; color: transparent; background: url('../icons/decorleft.png') center no-repeat; @@ -427,7 +427,7 @@ main .button-container .button:hover { margin-right: 15px; } - main .section > .default-content-wrapper > h2 ::after { + :not(.blog-post-template) main .section > .default-content-wrapper > h2::after { content: 'decor'; color: transparent; background: url('../icons/decorright.png') center no-repeat; @@ -464,6 +464,7 @@ main .button-container .button:hover { main > .section > .default-content-wrapper > h2 { font-size: 45px; } + } @media screen and (min-width: 1200px) {