feat: design for course list count

This commit is contained in:
Jannat Patel
2023-04-18 09:14:59 +05:30
parent d9c50714f4
commit 2b6436915d
2 changed files with 42 additions and 7 deletions

View File

@@ -2,8 +2,27 @@
--text-3-5xl: 24px;
--text-3-8xl: 34px;
--text-4xl: 36px;
--primary-color: var(--gray-900);
--accent-color: #0B9E92
}
.btn.btn-primary {
background-color: var(--primary-color);
}
.nav-link .course-list-count {
border-radius: var(--border-radius-md);
padding: 0 0.3rem;
font-size: var(--text-sm);
border: 1px solid var(--gray-600)
}
.nav-link.active .course-list-count {
border: 1px solid var(--primary-color)
}
body {
background-color: #FFFFFF;
}
@@ -799,7 +818,7 @@ input[type=checkbox] {
}
.progress-bar {
background-color: var(--primary-color);
background-color: var(--accent-color);
}
.progress-percent {
@@ -2040,4 +2059,5 @@ select {
.answer-indicator.failure {
background-color: var(--red-50);
}
}

View File

@@ -49,20 +49,29 @@
<ul class="nav lms-nav" id="courses-tab">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#live">
{{ _("Live") }} ({{ live_courses | length }})
{{ _("Live") }}
<span class="course-list-count">
{{ live_courses | length }}
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#upcoming">
{{ _("Upcoming") }} ({{ upcoming_courses | length }})
{{ _("Upcoming") }}
<span class="course-list-count">
{{ upcoming_courses | length }}
</span>
</a>
</li>
{% if frappe.session.user != "Guest" %}
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#courses-enrolled">
{{ _("Enrolled") }} ({{ enrolled_courses | length }})
{{ _("Enrolled") }}
<span class="course-list-count">
{{ enrolled_courses | length }}
</span>
</a>
</li>
{% endif %}
@@ -70,7 +79,10 @@
{% if show_creators_section %}
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#courses-created">
{{ _("Created") }} ({{ created_courses | length }})
{{ _("Created") }}
<span class="course-list-count">
{{ created_courses | length }}
</span>
</a>
</li>
{% endif %}
@@ -78,7 +90,10 @@
{% if show_review_section %}
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#courses-under-review">
{{ _("Under Review") }} ({{ review_courses | length }})
{{ _("Under Review") }}
<span class="course-list-count">
{{ review_courses | length }}
</span>
</a>
</li>
{% endif %}