Fix lesson layout

Add bottom margin to title, for lessons with only quiz content Remove top margin from lesson navigation to fix verticalalignment with title
WordPress · Oct 24, 2024 · 92a32c5 · 92a32c5
1 parent 601a1cf
commit 92a32c5
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/wp-content/themes/pub/wporg-learn-2024/patterns/sensei-lesson-columns.php b/wp-content/themes/pub/wporg-learn-2024/patterns/sensei-lesson-columns.php
@@ -40,9 +40,9 @@
 		<?php endif; ?>
 
 		<?php if ( $module ) : ?>
-			<!-- wp:post-title {"level":1,"style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}},"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontSize":"heading-3","fontFamily":"inter"} /-->
+			<!-- wp:post-title {"level":1,"style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|30"}},"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontSize":"heading-3","fontFamily":"inter"} /-->
 		<?php else : ?>
-			<!-- wp:post-title {"level":1,"fontSize":"heading-3","fontFamily":"inter","style":{"spacing":{"margin":{"top":"0"}},"typography":{"lineHeight":"1","fontStyle":"normal","fontWeight":"600"}}} /-->	 
+			<!-- wp:post-title {"level":1,"fontSize":"heading-3","fontFamily":"inter","style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|30"}},"typography":{"lineHeight":"1","fontStyle":"normal","fontWeight":"600"}}} /-->	 
 		<?php endif; ?> 
 
 		<!-- wp:post-content {"layout":{"type":"constrained","justifyContent":"left"}} /-->

diff --git a/wp-content/themes/pub/wporg-learn-2024/src/style/_sensei.scss b/wp-content/themes/pub/wporg-learn-2024/src/style/_sensei.scss
@@ -213,8 +213,6 @@ body.sensei {
 		}
 
 		.sensei-lms-course-navigation__lessons {
-			margin-top: var(--wp--preset--spacing--20);
-
 			.sensei-lms-course-navigation-lesson {
 				&.status-in-progress,
 				&.status-not-started {