Fix lesson title too long

WordPress · Dec 11, 2024 · 458d442 · 458d442
1 parent 359594b
commit 458d442
Showing 1 changed file with 13 additions and 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
@@ -43,16 +43,14 @@ body.sensei {
 
 	.sensei-course-theme-header-content {
 		> .wp-block-group {
-			row-gap: 0;
+			gap: 0;
 		}
 
 		.sensei-course-theme__header__info {
 			gap: 60px;
 
 			.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);
+					}
 				}
 			}
 		}