mirror of
https://github.com/jointakahe/takahe.git
synced 2024-12-23 14:00:28 +00:00
Profile view improvements
This commit is contained in:
parent
58a1f970b2
commit
68c156fd27
2 changed files with 39 additions and 22 deletions
|
@ -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 */
|
||||||
|
|
|
@ -4,12 +4,30 @@
|
||||||
{% 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 %}
|
||||||
|
|
||||||
|
{% if request.identity %}
|
||||||
|
<form action="{{ identity.urls.action }}" method="POST" class="inline follow">
|
||||||
|
{% csrf_token %}
|
||||||
|
{% if follow %}
|
||||||
|
<input type="hidden" name="action" value="unfollow">
|
||||||
|
<button>Unfollow</button>
|
||||||
|
{% else %}
|
||||||
|
<input type="hidden" name="action" value="follow">
|
||||||
|
<button>Follow</button>
|
||||||
|
{% endif %}
|
||||||
|
</form>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
{{ identity.name_or_handle }} <small>@{{ identity.handle }}</small>
|
{{ identity.name_or_handle }} <small>@{{ identity.handle }}</small>
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
|
@ -21,27 +39,18 @@
|
||||||
{% else %}
|
{% else %}
|
||||||
<p class="system-note">
|
<p class="system-note">
|
||||||
This is a member of another server.
|
This is a member of another server.
|
||||||
<a href="{{ identity.profile_uri }}">See their original profile</a>
|
<a href="{{ identity.profile_uri }}">See their original profile ➔</a>
|
||||||
</p>
|
</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if request.identity %}
|
<section class="columns">
|
||||||
<form action="{{ identity.urls.action }}" method="POST">
|
<div class="left-column">
|
||||||
{% csrf_token %}
|
{% for post in posts %}
|
||||||
{% if follow %}
|
{% include "activities/_post.html" %}
|
||||||
<input type="hidden" name="action" value="unfollow">
|
{% empty %}
|
||||||
<button>Unfollow</button>
|
No posts yet.
|
||||||
{% else %}
|
{% endfor %}
|
||||||
<input type="hidden" name="action" value="follow">
|
</div>
|
||||||
<button>Follow</button>
|
</section>
|
||||||
{% endif %}
|
|
||||||
</form>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% for post in posts %}
|
|
||||||
{% include "activities/_post.html" %}
|
|
||||||
{% empty %}
|
|
||||||
No posts yet.
|
|
||||||
{% endfor %}
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
Loading…
Reference in a new issue