[Cards][Profile] Fixing nested anchor tags.

This commit is contained in:
Eliseu Amaro 2021-09-23 13:53:02 +01:00
parent a439b7130e
commit 64c881173b
2 changed files with 23 additions and 21 deletions

View File

@ -779,6 +779,7 @@ input[type=file] {
/* PROFILE */ /* PROFILE */
.profile { .profile {
display: flex; display: flex;
flex-direction: column;
flex-wrap: wrap; flex-wrap: wrap;
font-family: var(--main-font); font-family: var(--main-font);
@ -806,9 +807,7 @@ input[type=file] {
margin-right: 5px; margin-right: 5px;
} }
.profile-info-stats { .profile-info-stats {
margin-top: var(--unit-size);.content { margin-top: var(--unit-size);
max-width: 100%;
}
} }
.profile-avatar { .profile-avatar {
@ -879,6 +878,9 @@ and (max-width: 1200px) {
.container { .container {
width: 100%; width: 100%;
} }
.content {
max-width: 100%;
}
#panel-left-toggle:not(:checked) ~ .panel-content, #panel-left-toggle:not(:checked) ~ .panel-content,
#panel-right-toggle:not(:checked) ~ .panel-content { #panel-right-toggle:not(:checked) ~ .panel-content {

View File

@ -4,12 +4,27 @@
{% set actor_bio = actor.getBio() %} {% set actor_bio = actor.getBio() %}
{% block profile_view %} {% block profile_view %}
<section title="{{ actor_nickname }}'s {{ 'profile information.' | trans }}"> <section class='profile' title="{{ actor_nickname }}'s {{ 'profile information.' | trans }}">
<a class='profile' href="{{ path('actor_view_nickname', {'nickname' : actor_nickname}) }}"> <a href="{{ path('actor_view_nickname', {'nickname' : actor_nickname}) }}">
<img src='{{ actor_avatar }}' class="profile-avatar" alt="{{ actor_nickname }}{{ '\'s avatar.' | trans }}">
<div class="profile-info"> <div class="profile-info">
<img src='{{ actor_avatar }}' class="profile-avatar" alt="{{ actor_nickname }}{{ '\'s avatar.' | trans }}">
<strong id="profile-info-nickname" title="{{ actor_nickname }}{{ '\'s nickname.' | trans }}">{{ actor_nickname }}</strong> <strong id="profile-info-nickname" title="{{ actor_nickname }}{{ '\'s nickname.' | trans }}">{{ actor_nickname }}</strong>
<section class="profile-info-bio">
{% if actor_bio %}
<p>{{ actor_bio }}</p>
{% else %}
<p>{{ '(No bio)' | trans }}</p>
{% endif %}
</section>
</div>
</a>
<section class="profile-info-stats">
<div><strong>{{ 'Subscriptions' | trans }}</strong>{{ actor.getSubscriptionsCount() }}</div>
<div><strong>{{ 'Subscribers' | trans }}</strong>{{ actor.getSubscribersCount() }}</div>
</section>
<nav class="profile-info-tags"> <nav class="profile-info-tags">
{% if actor_tags %} {% if actor_tags %}
{% for tag in actor_tags %} {% for tag in actor_tags %}
@ -19,21 +34,6 @@
{{ '(No tags)' | trans }} {{ '(No tags)' | trans }}
{% endif %} {% endif %}
</nav> </nav>
<section class="profile-info-bio">
{% if actor_bio %}
<p>{{ actor_bio }}</p>
{% else %}
<p>{{ '(No bio)' | trans }}</p>
{% endif %}
</section>
<section class="profile-info-stats">
<div><strong>{{ 'Subscriptions' | trans }}</strong>{{ actor.getSubscriptionsCount() }}</div>
<div><strong>{{ 'Subscribers' | trans }}</strong>{{ actor.getSubscribersCount() }}</div>
</section>
</div>
</a>
</section> </section>
<hr> <hr>