Update blog page CSS to ensure it has margins even on small viewports…

…; adjust top spacing to allow for breadcrumbs being present (or not) (#403)
mozmeao · Jun 15, 2024 · 3a9cfcb · 3a9cfcb
1 parent d9af35c
commit 3a9cfcb
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -15,6 +15,13 @@ Nothing yet
 
 Nothing yet
 
+## [1.8.4]
+
+### Changed
+
+* Move .env-example file to root dir to make it easier to find
+* Fix padding for Blog posts, including when no breadcrumbs are present
+
 ## [1.8.3]
 
 ### Changed

diff --git a/birdbox/microsite/templates/microsite/blog_page.html b/birdbox/microsite/templates/microsite/blog_page.html
@@ -12,7 +12,7 @@
 
 {% breadcrumbs page %}
 
-<div class="{% get_layout_class_from_page %}">
+<div class="mzp-l-content {% if page.specific.show_breadcrumbs %}page-has-breadcrumbs {% endif %} {% get_layout_class_from_page %}">
   <article class="bb-c-article">
     <h1 class="bb-c-article-title">{{page.title}}</h1>
 

diff --git a/src/css/blog.scss b/src/css/blog.scss
@@ -14,6 +14,7 @@
     padding-bottom: $layout-md;
 }
 
+
 .blog-tags-list {
     list-style: none;
 }
@@ -50,3 +51,7 @@
     margin-top: $spacing-xl;
     margin-left: 0;
 }
+
+.blogpost .mzp-l-content.page-has-breadcrumbs{
+    padding-top: 0;
+}