Highlight active profile section.
This commit is contained in:
parent
32c18c4e29
commit
0bf70f82df
3 changed files with 14 additions and 7 deletions
|
@ -200,11 +200,6 @@
|
|||
|
||||
&--link {
|
||||
cursor: pointer;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-bottom: 2px solid var(--accent-colour);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: @site-mobile-width) {
|
||||
|
@ -212,6 +207,13 @@
|
|||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
&--link:hover,
|
||||
&--link:focus,
|
||||
&--link:active,
|
||||
&--active {
|
||||
border-bottom: 2px solid var(--accent-colour);
|
||||
}
|
||||
}
|
||||
|
||||
&__username {
|
||||
|
|
|
@ -88,11 +88,12 @@
|
|||
{% if stat.value|default(false) %}
|
||||
{% set is_date = stat.is_date|default(false) %}
|
||||
{% set is_url = stat.url is defined %}
|
||||
{% set active_class = stat.active|default(false) ? ' profile__header__stat--active' : '' %}
|
||||
|
||||
{% if is_url %}
|
||||
<a class="profile__header__stat profile__header__stat--link" href="{{ stat.url }}">
|
||||
<a class="profile__header__stat profile__header__stat--link{{ active_class }}" href="{{ stat.url }}">
|
||||
{% else %}
|
||||
<div class="profile__header__stat{% if is_date %} profile__header__stat--date" title="{{ stat.value|date('r') }}{% endif %}">
|
||||
<div class="profile__header__stat{{ active_class }}{% if is_date %} profile__header__stat--date" title="{{ stat.value|date('r') }}{% endif %}">
|
||||
{% endif %}
|
||||
<div class="profile__header__stat__name">
|
||||
{{ stat.title }}
|
||||
|
|
|
@ -17,21 +17,25 @@
|
|||
'title': 'Following',
|
||||
'value': profile.following_count,
|
||||
'url': url('user-profile-following', {'user': profile.user_id}),
|
||||
'active': profile_mode == 'following',
|
||||
},
|
||||
{
|
||||
'title': 'Followers',
|
||||
'value': profile.followers_count,
|
||||
'url': url('user-profile-followers', {'user': profile.user_id}),
|
||||
'active': profile_mode == 'followers',
|
||||
},
|
||||
{
|
||||
'title': 'Topics',
|
||||
'value': profile.forum_topic_count,
|
||||
'url': url('user-profile-forum-topics', {'user': profile.user_id}),
|
||||
'active': profile_mode == 'forum-topics',
|
||||
},
|
||||
{
|
||||
'title': 'Posts',
|
||||
'value': profile.forum_post_count,
|
||||
'url': url('user-profile-forum-posts', {'user': profile.user_id}),
|
||||
'active': profile_mode == 'forum-posts',
|
||||
},
|
||||
{
|
||||
'title': 'Comments',
|
||||
|
|
Loading…
Add table
Reference in a new issue