Skip to content
1 change: 1 addition & 0 deletions assets/scss/elements/_single.scss
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
justify-content: space-between;
}

.frontpage-fallback-minutes,
.single {
&-main {
flex: 0 0 calc(75% - #{config('spacing', 'medium')});
Expand Down
19 changes: 14 additions & 5 deletions assets/scss/elements/front/_fallback.scss
Original file line number Diff line number Diff line change
@@ -1,9 +1,18 @@
.frontpage-fallback-minutes {
max-width: 100%;
width: 800px;

@include media(config('media', 'breakpoints', 'default') + config('media', 'breakpoints', 'default') * .5) {
transform: translateX(50%);
margin-left: -25%;

&-sidebar {
border: 1px solid #dae1e7;
border-radius: .25rem;
padding: 15px;

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Replace this with a call to config($spacing, 'default') (for 20px padding).

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Replace this with a call to config($spacing, 'default') (for 20px padding).

margin-top: 15px;

h4 {
margin-top: 0;
}

p {
margin-bottom: .5em;
}
}
}
29 changes: 21 additions & 8 deletions web/assets/themes/wp-berlin/front-page.php
Original file line number Diff line number Diff line change
Expand Up @@ -24,16 +24,29 @@

while ($minutes->have_posts()) :
?>
<div class="frontpage-fallback-minutes">
<?php
$minutes->the_post();
<div class="main-inner">

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

.main-inner is the wrapper for the whole page content, this should not be repeated here.

<div class="frontpage-fallback-minutes-main">

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This should have a wrapper with .frontpage-fallback-minutes

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Or replace .main-inner with .frontpage-fallback-minutes

<?php
$minutes->the_post();

$meta = array_map(function (array $values) {
return maybe_unserialize($values[0]);
}, get_post_meta(get_the_ID()));
$meta = array_map(function (array $values) {
return maybe_unserialize($values[0]);
}, get_post_meta(get_the_ID()));

include locate_template(['partials/meeting-minutes/index.php']);
?>
include locate_template(['partials/meeting-minutes/index.php']);
?>
</div>
<aside class="frontpage-fallback-minutes-sidebar">
<h4><?= __('Meeting Minutes', 'wp-berlin'); ?></h4>
<p>
<?=
sprintf(
__('Missed a meetup? Check out our notes, links and code snippets from previous meetups in our other <a href="%s">meeting minutes</a>.', 'wp-berlin'),
'/meeting-minutes'
);
?>
</p>
</aside>
</div>
<?php
endwhile;
Expand Down