fix: course home card ui

lms/lms/doctype/lms_settings/lms_settings.json

@@ -7,9 +7,9 @@
  "field_order": [
   "show_search",
   "portal_course_creation",
-  "search_placeholder",
-  "column_break_2",
   "force_profile_completion",
+  "column_break_2",
+  "search_placeholder",
   "livecode_url",
   "signup_settings_section",
   "terms_of_use",
@@ -114,8 +114,8 @@
    "label": "Enable Course Creation from Portal"
   },
   {
-    "fieldname": "column_break_9",
+   "fieldname": "column_break_9",
-    "fieldtype": "Column Break"
+   "fieldtype": "Column Break"
   },
   {
    "default": "0",
@@ -135,7 +135,7 @@
  "index_web_pages_for_search": 1,
  "issingle": 1,
  "links": [],
- "modified": "2022-03-10 18:45:58.372370",
+ "modified": "2022-03-23 16:07:29.491432",
  "modified_by": "Administrator",
  "module": "LMS",
  "name": "LMS Settings",

lms/public/css/style.css

@@ -275,7 +275,7 @@ input[type=checkbox] {
 
 .course-card-wide {
   background-color: white;
-  padding: 0 1rem 1rem;
+  padding: 0 1.25rem 1.25rem;
   border-radius: var(--border-radius);
   width: 50%;
   box-shadow: var(--shadow-base);
@@ -305,10 +305,9 @@ input[type=checkbox] {
 
 .course-card-wide-title {
   font-weight: bold;
-  font-size: 36px;
+  font-size: var(--text-3xl);
   line-height: 44px;
   color: var(--gray-900);
-  margin-bottom: 0.75rem;
 }
 
 .button {
@@ -584,7 +583,11 @@ input[type=checkbox] {
 }
 
 .lesson-content-card {
-  margin-top: 2rem;
+  margin-top: 1rem;
+}
+
+.lesson-page {
+    background-color: #FFFFFF;
 }
 
 .lesson-content-card .alert-dismissible .close {
@@ -843,6 +846,10 @@ pre {
   font-size: 1rem;
 }
 
+.markdown-source p:last-child {
+    margin-bottom: 0;
+}
+
 .avatar img {
   object-fit: cover;
 }
@@ -1162,13 +1169,6 @@ pre {
   color: var(--gray-900);
 }
 
-.course-intructor-rating-section {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-top: 2rem;
-}
-
 .seperator {
   margin: 0 1rem;
 }

lms/public/icons/chevron-right.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10 16L14 12L10 8" stroke="#4C5A67" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 16L14 12L10 8" stroke="#1F272E" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

lms/www/batch/learn.html

@@ -13,7 +13,7 @@
 {% endblock %}
 
 {% block content %}
-<div class="common-page-style">
+<div class="common-page-style lesson-page">
   <div class="container course-details-page">
     {{ BreadCrumb(course, lesson) }}
     <div class="course-content-parent">

lms/www/courses/course.html

@@ -66,38 +66,6 @@
     {{ course.short_introduction }}
   </div>
 
-  <div class="course-intructor-rating-section">
-
-    <div class="vertically-center">
-      <svg class="icon icon-md">
-        <use class="" href="#icon-users">
-      </svg>
-      {{ get_students(course.name) | length }} {{ _("Enrolled") }}
-    </div>
-
-    {% if get_lessons(course.name) | length %}
-    <div class="vertically-center">
-      <svg class="icon icon-md">
-        <use href="#icon-education"></use>
-      </svg>
-      {{ get_lessons(course.name) | length }} {{ _("Lessons") }}
-    </div>
-    {% endif %}
-
-    {% set avg_rating = get_average_rating(course.name) %}
-    {% if avg_rating %}
-    <div class="rating mr-2">
-      {% for i in [1, 2, 3, 4, 5] %}
-      <svg class="icon icon-md {% if i <= avg_rating %} star-click {% endif %}" data-rating="{{ i }}">
-        <use href="#icon-star"></use>
-      </svg>
-      {% endfor %}
-      <span> {{ avg_rating }} {{ _(" Rating ") }} </span>
-    </div>
-    {% endif %}
-
-  </div>
-
   {% if membership %}
   {% set progress = frappe.utils.cint(membership.progress) %}
   <div class="progress" title="{{ progress }}% Completed">