From 458d442b2bb011599c52cef5e3d84e5b1ebf07d1 Mon Sep 17 00:00:00 2001
From: ren <18050944+renintw@users.noreply.github.com>
Date: Wed, 11 Dec 2024 21:22:38 +0900
Subject: [PATCH] Fix lesson title too long

---
 .../wporg-learn-2024/src/style/_sensei.scss   | 32 ++++++++-----------
 1 file changed, 13 insertions(+), 19 deletions(-)

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
index 3ce21cc55..f7e709c05 100644
--- a/wp-content/themes/pub/wporg-learn-2024/src/style/_sensei.scss
+++ b/wp-content/themes/pub/wporg-learn-2024/src/style/_sensei.scss
@@ -43,7 +43,7 @@ body.sensei {
 
 	.sensei-course-theme-header-content {
 		> .wp-block-group {
-			row-gap: 0;
+			gap: 0;
 		}
 
 		.sensei-course-theme__header__info {
@@ -51,8 +51,6 @@ body.sensei {
 
 			.wp-block-sensei-lms-exit-course {
 				text-decoration: none;
-				order: 1;
-				opacity: 1;
 
 				@media (min-width: 783px) {
 					&::before {
@@ -830,25 +828,21 @@ body.sensei {
 		.sensei-course-theme-header-content {
 			border-bottom: 1px solid var(--wp--custom--color--border);
 
-			@media (min-width: 783px) {
-				div:last-child::before {
-					content: "";
-					display: inline-block;
-					height: 100%;
-					border-right: 1px solid var(--sensei-course-progress-bar-color);
-					position: absolute;
-					margin-left: -30px;
-					top: 0;
-				}
+			.wporg-site-breadcrumbs__wrapper {
+				white-space: pre-wrap;
 			}
 
-			.wporg-learn-lesson-facilitator-notes-label {
-				position: absolute;
-				right: 130px;
-				display: unset;
+			@media (min-width: 783px) {
+				div:last-child {
+					height: 100%;
 
-				@media (min-width: 783px) {
-					right: calc(150px + var(--wp--preset--spacing--20));
+					&::before {
+						content: "";
+						display: inline-block;
+						height: 100%;
+						border-right: 1px solid var(--sensei-course-progress-bar-color);
+						margin-right: var(--wp--preset--spacing--30);
+					}
 				}
 			}
 		}