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

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

@@ -443,10 +443,11 @@ input[type=checkbox] {
}
.member-card {
display: flex;
flex-direction: column;
align-items: center;
padding: 2rem 1rem;
display: flex;
flex-direction: column;
align-items: center;
padding: 2rem 1rem;
font-size: var(--text-base);
}
.break {
@@ -1952,3 +1953,13 @@ select {
padding: 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;
}