MIDNIGHT/enlight-lms
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: course overlay site

Browse Source
This commit is contained in:
Jannat Patel
2022-05-19 15:59:41 +05:30
parent 2819be4508
commit 6521415ae0
2 changed files with 23 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
lms/public/css/style.css
View File

@@ -301,11 +301,11 @@ input[type=checkbox] {
} }
.course-card-wide-title { .course-card-wide-title {
font-weight: bold; font-weight: 700;
font-size: var(--text-3xl); font-size: var(--text-4xl);
line-height: 44px; line-height: 44px;
color: var(--gray-900); color: var(--gray-900);
margin: 0.25rem 0; margin: 0.5rem 0;
} }
.button { .button {
@@ -1193,7 +1193,6 @@ pre {
padding: 1.25rem; padding: 1.25rem;
font-size: var(--text-base); font-size: var(--text-base);
color: var(--text-color); color: var(--text-color);
text-align: center;
} }
.breadcrumb-destination { .breadcrumb-destination {
@@ -1253,6 +1252,12 @@ pre {
width: 75%; width: 75%;
} }
@media (max-width: 1250px) {
.reviews-header {
width: 85%;
}
}
@media (max-width: 768px) { @media (max-width: 768px) {
.reviews-header { .reviews-header {
width: 100%; width: 100%;
@@ -1432,3 +1437,10 @@ li {
line-height: 1.7; line-height: 1.7;
} }
.course-overlay-title {
font-weight: 700;
font-size: var(--text-2xl);
line-height: 1rem;
color: var(--gray-900);
margin-bottom: 1.25rem;
}

17
lms/www/courses/course.html
View File

@@ -97,7 +97,7 @@
{% endif %} {% endif %}
<div class="course-overlay-content"> <div class="course-overlay-content">
<div class="course-card-wide-title mb-4"> {{ course.title }} </div> <div class="course-overlay-title"> {{ course.title }} </div>
<div id="interest-alert" class="{% if not is_user_interested %} hide {% endif %}"> <div id="interest-alert" class="{% if not is_user_interested %} hide {% endif %}">
{{ _("You have opted to be notified for this course. You will receive an email when the course becomes available.") }} {{ _("You have opted to be notified for this course. You will receive an email when the course becomes available.") }}
@@ -132,25 +132,22 @@
</div> </div>
{% endif %} {% endif %}
<div class="vertically-center justify-content-center mb-2"> <div class="mb-3">
<div class="">
<svg class="icon icon-md mr-1"> <svg class="icon icon-md mr-1">
<use class="" href="#icon-users"> <use class="" href="#icon-users">
</svg> </svg>
{{ get_students(course.name) | length }} {{ _("Enrolled") }} {{ get_students(course.name) | length }} {{ _("Enrolled") }}
</div> </div>
<span class="seperator"></span>
{% if get_lessons(course.name) | length %} {% if get_lessons(course.name) | length %}
<div class=""> <div class="mb-3">
<svg class="icon icon-md mr-1"> <svg class="icon icon-md mr-1">
<use href="#icon-education"></use> <use href="#icon-education"></use>
</svg> </svg>
{{ get_lessons(course.name) | length }} {{ _("Lessons") }} {{ get_lessons(course.name) | length }} {{ _("Lessons") }}
</div>
{% endif %}
</div> </div>
{% endif %}
{% if course.paid_certificate %} {% if course.paid_certificate %}
<div class="certificate-price" data-price="{{ course.price_certificate }}"> <div class="certificate-price" data-price="{{ course.price_certificate }}">