eduvia/lms
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: card background

Browse Source
This commit is contained in:
Jannat Patel
2023-01-05 13:25:59 +05:30
parent fb70aee055
commit 9240bc9130
2 changed files with 32 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
lms/lms/widgets/MemberCard.html
View File

@@ -1,19 +1,20 @@
<div class="common-card-style member-card"> {% set color = get_palette(member.full_name) %}
{{ widgets.Avatar(member=member, avatar_class=avatar_class) }} <div class="common-card-style member-card" style="background: linear-gradient(180deg, var({{ color[0] }}), #FFFFFF 60%);">
<div class="bold-title mt-4"> {{ widgets.Avatar(member=member, avatar_class=avatar_class) }}
{{ member.full_name }} <div class="member-card-title">
</div> {{ member.full_name }}
</div>
{% if member.headline %} {% if member.headline %}
<div> {{ member.headline }} </div> <div> {{ member.headline }} </div>
{% endif %} {% endif %}
{% set course_count = get_authored_courses(member.name, True) | length %} {% set course_count = get_authored_courses(member.name, True) | length %}
{% if show_course_count and course_count > 0 %} {% if show_course_count and course_count > 0 %}
{% set suffix = "Courses" if course_count > 1 else "Course" %} {% set suffix = "Courses" if course_count > 1 else "Course" %}
<div class=""> <div class="">
Created {{ course_count }} {{ suffix }} Created {{ course_count }} {{ suffix }}
</div> </div>
{% endif %} {% endif %}
<a class="stretched-link" href="{{ get_profile_url(member.username) }}"></a> <a class="stretched-link" href="{{ get_profile_url(member.username) }}"></a>
</div> </div>

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

@@ -443,10 +443,11 @@ input[type=checkbox] {
} }
.member-card { .member-card {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 2rem 1rem; padding: 2rem 1rem;
font-size: var(--text-base);
} }
.break { .break {
@@ -1952,3 +1953,13 @@ select {
padding: 0 !important; padding: 0 !important;
margin: 0 !important; margin: 0 !important;
} }
.member-card .standard-image {
border: 5px solid #FFFFFF;
}
.member-card-title {
color: var(--gray-900);
font-weight: 500;
margin-top: 1rem;
}