Add separator on front-end too

Automattic · Apr 28, 2021 · b143a02 · b143a02
1 parent 208a2a9
commit b143a02
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/assets/css/frontend.scss b/assets/css/frontend.scss
@@ -238,8 +238,8 @@ a.sensei-certificate-link {
     font-size: .9em;
     font-style: italic;
 
-    .lesson-length {
-      margin-right: 0.5em;
+    .separator {
+      margin: 0 0.5em 0;
     }
   }
   .lesson-meta  {

diff --git a/includes/blocks/class-sensei-lesson-metadata-block.php b/includes/blocks/class-sensei-lesson-metadata-block.php
@@ -54,6 +54,10 @@ public function render( array $attributes, string $content ) : string {
 				'</span>';
 		}
 
+		if ( $length && $complexity ) {
+			$content .= '<span class="separator">|</span>';
+		}
+
 		if ( $complexity ) {
 			$complexities      = Sensei()->lesson->lesson_complexities();
 			$lesson_complexity = $complexities[ $complexity ];