Profile view improvements

This commit is contained in:
Andrew Godwin 2022-11-13 16:41:48 -07:00
parent 58a1f970b2
commit 68c156fd27
2 changed files with 39 additions and 22 deletions

View file

@ -287,10 +287,17 @@ form {
padding: 20px 40px 20px 30px; padding: 20px 40px 20px 30px;
} }
.right-column form { .right-column form,
form.inline {
padding: 0; padding: 0;
} }
form.follow {
float: right;
margin: 20px 20px 0 0;
font-size: 16px;
}
form h1 { form h1 {
margin: 0 0 10px 0; margin: 0 0 10px 0;
} }
@ -452,7 +459,7 @@ form .button:hover {
/* Identities */ /* Identities */
h1.identity { h1.identity {
margin: 0 0 20px 0; margin: 20px 0 20px 20px;
} }
h1.identity .icon { h1.identity .icon {
@ -475,10 +482,11 @@ h1.identity small {
color: var(--color-text-dull); color: var(--color-text-dull);
border-radius: 3px; border-radius: 3px;
padding: 5px 8px; padding: 5px 8px;
margin: 20px;
} }
.system-note a { .system-note a {
color: inherit; text-decoration: underline;
} }
/* Posts */ /* Posts */

View file

@ -4,30 +4,19 @@
{% block title %}{{ identity }}{% endblock %} {% block title %}{{ identity }}{% endblock %}
{% block content %} {% block content %}
<nav>
<a href="." class="selected">Profile</a>
</nav>
<h1 class="identity"> <h1 class="identity">
{% if identity.icon_uri %} {% if identity.icon_uri %}
<img src="{{identity.icon_uri}}" class="icon"> <img src="{{identity.icon_uri}}" class="icon">
{% else %} {% else %}
<img src="{% static "img/unknown-icon-128.png" %}" class="icon"> <img src="{% static "img/unknown-icon-128.png" %}" class="icon">
{% endif %} {% endif %}
{{ identity.name_or_handle }} <small>@{{ identity.handle }}</small>
</h1>
{% if not identity.local %}
{% if identity.outdated and not identity.name %}
<p class="system-note">
The system is still fetching this profile. Refresh to see updates.
</p>
{% else %}
<p class="system-note">
This is a member of another server.
<a href="{{ identity.profile_uri }}">See their original profile</a>
</p>
{% endif %}
{% endif %}
{% if request.identity %} {% if request.identity %}
<form action="{{ identity.urls.action }}" method="POST"> <form action="{{ identity.urls.action }}" method="POST" class="inline follow">
{% csrf_token %} {% csrf_token %}
{% if follow %} {% if follow %}
<input type="hidden" name="action" value="unfollow"> <input type="hidden" name="action" value="unfollow">
@ -39,9 +28,29 @@
</form> </form>
{% endif %} {% endif %}
{{ identity.name_or_handle }} <small>@{{ identity.handle }}</small>
</h1>
{% if not identity.local %}
{% if identity.outdated and not identity.name %}
<p class="system-note">
The system is still fetching this profile. Refresh to see updates.
</p>
{% else %}
<p class="system-note">
This is a member of another server.
<a href="{{ identity.profile_uri }}">See their original profile ➔</a>
</p>
{% endif %}
{% endif %}
<section class="columns">
<div class="left-column">
{% for post in posts %} {% for post in posts %}
{% include "activities/_post.html" %} {% include "activities/_post.html" %}
{% empty %} {% empty %}
No posts yet. No posts yet.
{% endfor %} {% endfor %}
</div>
</section>
{% endblock %} {% endblock %}