fix: profile page social icons position
This commit is contained in:
@@ -1192,7 +1192,6 @@ div.custom-checkbox>label>input:checked+img {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.social-icons {
|
.social-icons {
|
||||||
float: right;
|
|
||||||
margin: 16px;
|
margin: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -20,34 +20,36 @@
|
|||||||
{% macro ProfileBanner(member) %}
|
{% macro ProfileBanner(member) %}
|
||||||
<div class="">
|
<div class="">
|
||||||
<div class="profile-banner" style="background-image: url(/assets/community/images/profile-banner.png)">
|
<div class="profile-banner" style="background-image: url(/assets/community/images/profile-banner.png)">
|
||||||
<div class="profile-avatar">
|
<div class="profile-avatar">
|
||||||
{{ widgets.Avatar(member=member, avatar_class="avatar-xl") }}
|
{{ widgets.Avatar(member=member, avatar_class="avatar-xl") }}
|
||||||
<div class="profile-name"> {{ member.full_name }} </div>
|
<div class="profile-name"> {{ member.full_name }} </div>
|
||||||
{% if member.get_authored_courses() | length %}
|
{% if member.get_authored_courses() | length %}
|
||||||
<div class="creator-badge"> Creator </div>
|
<div class="creator-badge"> Creator </div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="profile-info">
|
<div class="profile-info">
|
||||||
{% if member.profession %}
|
<div class="profile-profession">
|
||||||
<span class="profile-profession"> {{ member.profession }} </span>
|
{% if member.profession %}
|
||||||
{% endif %}
|
<span class=""> {{ member.profession }} </span>
|
||||||
<div class="social-icons">
|
|
||||||
{% if member.linkedin %}
|
|
||||||
<a class="linkedin" href="{{ member.linkedin }}">
|
|
||||||
<img src="/assets/community/images/linkedin.png">
|
|
||||||
</a>
|
|
||||||
{% endif %}
|
|
||||||
{% if member.medium %}
|
|
||||||
<a class="medium" href="{{ member.medium}}">
|
|
||||||
<img src="/assets/community/icons/medium.svg">
|
|
||||||
</a>
|
|
||||||
{% endif %}
|
|
||||||
{% if member.github %}
|
|
||||||
<a class="github" href="{{ member.github }}">
|
|
||||||
<img src="/assets/community/icons/github.svg">
|
|
||||||
</a>
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
<span class="social-icons">
|
||||||
|
{% if member.linkedin %}
|
||||||
|
<a class="linkedin" href="{{ member.linkedin }}">
|
||||||
|
<img src="/assets/community/images/linkedin.png">
|
||||||
|
</a>
|
||||||
|
{% endif %}
|
||||||
|
{% if member.medium %}
|
||||||
|
<a class="medium" href="{{ member.medium}}">
|
||||||
|
<img src="/assets/community/icons/medium.svg">
|
||||||
|
</a>
|
||||||
|
{% endif %}
|
||||||
|
{% if member.github %}
|
||||||
|
<a class="github" href="{{ member.github }}">
|
||||||
|
<img src="/assets/community/icons/github.svg">
|
||||||
|
</a>
|
||||||
|
{% endif %}
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user