UI tweaks in user profiles

misago/static/misago/css/misago/userslists.less

@@ -35,6 +35,10 @@
         padding: @padding-base-vertical @padding-base-horizontal;
         width: 100%;
 
+        h4, small {
+          word-wrap: break-word;
+        }
+
         small {
           display: block;
           margin-top: @line-height-computed / -3;
@@ -45,6 +49,23 @@
         }
       }
     }
+
+    .col-md-2, .col-md-1 {
+      .user-card {
+        .card-footer {
+          background: fadeOut(@user-card-bg, 7%);
+          padding: @padding-xs-vertical @padding-small-horizontal;
+
+          h4 {
+            font-size: @font-size-base;
+          }
+
+          small {
+            font-size: @font-size-small;
+          }
+        }
+      }
+    }
   }
 
   a.user-card {

misago/templates/misago/profile/followers.html

@@ -1,9 +1,24 @@
 {% extends "misago/profile/base.html" %}
-{% load i18n misago_avatars misago_pagination %}
+{% load humanize i18n misago_avatars misago_pagination %}
 
 
 {% block page %}
 {% if followers.object_list %}
+  <p class="lead">
+    {% if is_authenticated_user %}
+      {% blocktrans trimmed with followers=profile.followers|intcomma count counter=profile.followers %}
+      You are followed by {{ followers }} user.
+      {% plural %}
+      You are followed by {{ followers }} users.
+      {% endblocktrans %}
+    {% else %}
+      {% blocktrans trimmed with user=profile.username followers=profile.followers|intcomma count counter=profile.followers %}
+      {{ user }} is followed by {{ followers }} user.
+      {% plural %}
+      {{ user }} is followed by {{ followers }} users.
+      {% endblocktrans %}
+    {% endif %}
+  </p>
   {% include "misago/users_cards.html" with cards=followers.object_list %}
   {% pagination followers "misago/profile/pagination.html" 'misago:user_followers' user_slug=profile.slug user_id=profile.pk %}
 {% else %}

misago/templates/misago/profile/follows.html

@@ -1,9 +1,24 @@
 {% extends "misago/profile/base.html" %}
-{% load i18n misago_avatars misago_pagination %}
+{% load humanize i18n misago_avatars misago_pagination %}
 
 
 {% block page %}
 {% if followers.object_list %}
+  <p class="lead">
+    {% if is_authenticated_user %}
+      {% blocktrans trimmed with follows=profile.following|intcomma count counter=profile.following %}
+      You are followig {{ follows }} user.
+      {% plural %}
+      You are followig {{ follows }} users.
+      {% endblocktrans %}
+    {% else %}
+      {% blocktrans trimmed with user=profile.username follows=profile.following|intcomma count counter=profile.following %}
+      {{ user }} is followig {{ follows }} user.
+      {% plural %}
+      {{ user }} is followig {{ follows }} users.
+      {% endblocktrans %}
+    {% endif %}
+  </p>
   {% include "misago/users_cards.html" with cards=followers.object_list %}
   {% pagination followers "misago/profile/pagination.html" 'misago:user_follows' user_slug=profile.slug user_id=profile.pk %}
 {% else %}

misago/templates/misago/profile/name_history.html

@@ -1,9 +1,24 @@
 {% extends "misago/profile/base.html" %}
-{% load i18n misago_avatars misago_capture misago_pagination %}
+{% load humanize i18n misago_avatars misago_capture misago_pagination %}
 
 
 {% block page %}
 {% if name_changes.object_list %}
+  <p class="lead">
+    {% if is_authenticated_user %}
+      {% blocktrans trimmed with changes=name_changes.paginator.count|intcomma count counter=name_changes.paginator.count %}
+      Your username was changed {{ changes }} time.
+      {% plural %}
+      Your username was changed {{ changes }} times.
+      {% endblocktrans %}
+    {% else %}
+      {% blocktrans trimmed with user=profile.username changes=name_changes.paginator.count|intcomma count counter=name_changes.paginator.count %}
+      {{ user }} name was changed {{ changes }} time.
+      {% plural %}
+      {{ user }} name was changed {{ changes }} times.
+      {% endblocktrans %}
+    {% endif %}
+  </p>
   <div class="username-history">
     {% for change in name_changes.object_list %}
     {% capture trimmed as old_username %}

misago/templates/misago/users_cards.html

@@ -1,10 +1,10 @@
 {% load i18n misago_avatars misago_batch %}
 
 <div class="users-cards">
-  {% for row in cards|batch:4 %}
+  {% for row in cards|batch:6 %}
   <div class="row">
     {% for card in row %}
-    <div class="col-md-3">
+    <div class="col-md-2">
 
       <a href="{% url USER_PROFILE_URL user_slug=card.slug user_id=card.id %}" class="user-card {% if card.rank.css_class %}card-{{ card.rank.css_class }}{% endif %}">
         <img src="{{ card|avatar:400 }}" alt="{% trans "Avatar" %}">

misago/users/views/profile.py

@@ -100,7 +100,7 @@ def threads(request, profile, page=0):
 @profile_view
 def followers(request, profile, page=0):
     followers_qs = profile.followed_by.order_by('slug')
-    followers = paginate(followers_qs, page, 12, 2)
+    followers = paginate(followers_qs, page, 6 * 4, 6)
     items_left = followers.paginator.count - followers.end_index()
 
     if followers.paginator.count != profile.followers:
@@ -117,7 +117,7 @@ def followers(request, profile, page=0):
 @profile_view
 def follows(request, profile, page=0):
     followers_qs = profile.follows.order_by('slug')
-    followers = paginate(followers_qs, page, 12, 2)
+    followers = paginate(followers_qs, page, 6 * 4, 6)
     items_left = followers.paginator.count - followers.end_index()
 
     if followers.paginator.count != profile.following: