ross/slowtwitch-news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

article page fixes

Browse Source
This commit is contained in:
Ross Trottier 2024-08-20 15:21:39 -06:00
parent 24e5195554
commit 4b85698070
2 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
single.php
View File

@ -34,7 +34,7 @@
if (function_exists('get_field')) { if (function_exists('get_field')) {
$related_posts = get_field('related_posts', $post_id); $related_posts = get_field('related_posts', $post_id);
if (isset($related_posts)) : ?> if (isset($related_posts)) : ?>
<div class="st-main-grid"> <div class="st-sub-grid">
<h3>Related Articles</h3> <h3>Related Articles</h3>
<div class="st-article-section-related-articles"> <div class="st-article-section-related-articles">
<?php foreach ($related_posts as $post) : setup_postdata($post); <?php foreach ($related_posts as $post) : setup_postdata($post);

21
style.css
View File

@ -160,6 +160,11 @@ LAYOUT
grid-template-columns: minmax(1em, 1fr) minmax(260px, 725px) minmax(1em, 1fr); grid-template-columns: minmax(1em, 1fr) minmax(260px, 725px) minmax(1em, 1fr);
} }
.st-sub-grid {
display: grid;
grid-template-columns: minmax(260px, 1400px);
}
.st-main-grid > * { .st-main-grid > * {
grid-column: 2; grid-column: 2;
} }
@ -774,7 +779,8 @@ SECTIONS
} }
.st-ad-section-long-post-end { .st-ad-section-long-post-end {
grid-column: 1 / span 4 !important; grid-column: 1 / span 3;
margin-top: 1em;
} }
} }
@ -1184,8 +1190,7 @@ COMPONENTS
@media (min-width: 1200px) { @media (min-width: 1200px) {
.st-article { .st-article {
max-width: 850px; max-width: 1000px;
margin: 0 auto;
grid-column: 1 / span 3; grid-column: 1 / span 3;
} }
@ -1319,20 +1324,22 @@ a.page-numbers,
} }
} }
.discourse-comments-area { .discourse-comments-area {
margin: 1em; margin: 1em 0;
} }
@media (min-width: 760px) { @media (min-width: 760px) {
.discourse-comments-area { .discourse-comments-area,
.comments-area {
grid-column: 1 / span 3; grid-column: 1 / span 3;
} }
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
.discourse-comments-area { .discourse-comments-area {
max-width: 850px; max-width: 1000px;
margin: 1em auto;
} }
} }