diff --git a/src/components/lessonImage/Image.jsx b/src/components/lessonImage/Image.jsx index 71c6330aa..4301eae5d 100644 --- a/src/components/lessonImage/Image.jsx +++ b/src/components/lessonImage/Image.jsx @@ -20,7 +20,7 @@ const Image = ({ {src ? (
{`lesson_${src}_img`} -

{desc && `"${desc}"`}

+

{desc && desc}

{isEditable ? ( ) : ( diff --git a/src/components/lessonImage/Image.scss b/src/components/lessonImage/Image.scss index 92d0af554..55ab50986 100644 --- a/src/components/lessonImage/Image.scss +++ b/src/components/lessonImage/Image.scss @@ -13,8 +13,9 @@ p { margin-top: 1em; - font-size: 1em; - font-style: italic; + font-size: 14px !important; + font-weight: 400; + color: var(--primary-white); } .actions { diff --git a/src/components/videoPlayer/Video.scss b/src/components/videoPlayer/Video.scss index 975264d9a..1b526d3ac 100644 --- a/src/components/videoPlayer/Video.scss +++ b/src/components/videoPlayer/Video.scss @@ -30,20 +30,12 @@ line-height: 2em; margin-bottom: 0.5em; font-weight: 600; - - &::first-letter { - text-transform: uppercase; - } } p.videoDesc { font-size: 1em; line-height: 1.5em; width: 80%; - - &::first-letter { - text-transform: uppercase; - } } } diff --git a/src/screens/courseManager/adminCoursePage/AdminCoursePage.scss b/src/screens/courseManager/adminCoursePage/AdminCoursePage.scss index 648c4dcd1..c330035dc 100644 --- a/src/screens/courseManager/adminCoursePage/AdminCoursePage.scss +++ b/src/screens/courseManager/adminCoursePage/AdminCoursePage.scss @@ -93,6 +93,7 @@ align-items: flex-start; justify-content: space-between; margin-bottom: 40px; + position: relative; .lessonBlock { width: 100%; @@ -134,6 +135,7 @@ &__text { div { + padding: 12px; width: 100%; height: 100%; display: flex; @@ -151,23 +153,29 @@ .lessonTitle { font-size: 1.5em; margin-bottom: 0.5em; - - &::first-letter { - text-transform: capitalize; - } + width: 100%; + height: 1.5em; + overflow: hidden; + text-overflow: ellipsis; } .lessonDescText { margin-bottom: 0.5em; + width: 100%; + height: 60px; + overflow: hidden; + text-overflow: ellipsis; } .admin-lesson .lessonInfo { - width: 70%; + width: 55%; + height: 160px; display: flex; flex-direction: column; text-align: justify; - justify-content: center; + justify-content: space-evenly; align-items: flex-start; + overflow: hidden; } .text-btn { @@ -214,7 +222,8 @@ } .actions { - position: relative; + position: absolute; + right: 0; @media (max-width: 850px) { position: absolute; diff --git a/src/screens/courseManager/adminCoursePage/LessonBlock.jsx b/src/screens/courseManager/adminCoursePage/LessonBlock.jsx index eb58df239..0a1be0912 100644 --- a/src/screens/courseManager/adminCoursePage/LessonBlock.jsx +++ b/src/screens/courseManager/adminCoursePage/LessonBlock.jsx @@ -32,7 +32,7 @@ const LessonBlock = ({ data, courseId, refetch }) => { ) : (
-

{lesson.title}

+

{lesson.title}

)} diff --git a/src/screens/courseManager/lesson/Text.scss b/src/screens/courseManager/lesson/Text.scss index 33318cc35..81fb31809 100644 --- a/src/screens/courseManager/lesson/Text.scss +++ b/src/screens/courseManager/lesson/Text.scss @@ -10,7 +10,6 @@ h1 { font-weight: 600; - text-transform: uppercase; font-size: 1.25em; line-height: 1.5em; font-family: inherit; @@ -22,10 +21,6 @@ font-size: 1em; line-height: 1.5em; font-family: inherit; - - &::first-letter { - text-transform: uppercase; - } } } diff --git a/src/screens/dashboard/lessonPage/LessonPage.scss b/src/screens/dashboard/lessonPage/LessonPage.scss index aae39770f..f13de00fd 100644 --- a/src/screens/dashboard/lessonPage/LessonPage.scss +++ b/src/screens/dashboard/lessonPage/LessonPage.scss @@ -18,7 +18,6 @@ line-height: 48px; font-weight: 600; margin-bottom: 40px; - text-transform: capitalize; } .lesson-description-img-wrapper {