[CSS][TWIG] Left panel HTML nesting to better aid screen readers.

Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
This commit is contained in:
Eliseu Amaro 2021-07-25 00:14:18 +01:00 committed by Diogo Peralta Cordeiro
parent 4afaa6858b
commit 021583ea05
Signed by: diogo
GPG Key ID: 18D2D35001FBFAB0
2 changed files with 27 additions and 14 deletions

View File

@ -29,6 +29,11 @@
font-family: var(--display-font);
}
.profile-nav nav {
display: flex;
flex-direction: column;
}
.profile {
margin-bottom: var(--main-size);

View File

@ -28,26 +28,34 @@
</div>
</a>
</div>
<a href='#'>Messages</a>
<a href="{{ path("replies", {'nickname' : user_nickname}) }}"
class='hover-effect {{ active("replies") }}'>Replies</a>
{% for link in handle_event('InsertLeftPanelLink', user_nickname) %}
{{ link | raw }}
{% endfor %}
<a href="{{ path('settings_personal_info') }}"
class='hover-effect {{ active('settings_') }}'>Settings</a>
<a href='{{ path('logout') }}'>Logout</a>
</ul>
<nav>
<a href='#'>Messages</a>
<a href="{{ path("replies", {'nickname' : user_nickname}) }}"
class='hover-effect {{ active("replies") }}'>Replies</a>
{% for link in handle_event('InsertLeftPanelLink', user_nickname) %}
{{ link | raw }}
{% endfor %}
<a href="{{ path('settings_personal_info') }}"
class='hover-effect {{ active('settings_') }}'>Settings</a>
<a href='{{ path('logout') }}'>Logout</a>
</nav>
{% else %}
<div class="profile">
<a href="{{ path('login') }}" class='hover-effect {{ active('login') }}'>Login</a>
<a href="{{ path('register') }}">Register</a>
<nav>
<a href="{{ path('login') }}" class='hover-effect {{ active('login') }}'>Login</a>
<a href="{{ path('register') }}">Register</a>
</nav>
</div>
{% endif %}
<div class="timeline-nav">
<a href="{{ path('main_public') }}"
class='{{ active('main_public', 'main_all', "home_all") }}'>Timeline</a>
<h1>
<a href="{{ path('main_public') }}"
class='{{ active('main_public', 'main_all', "home_all") }}'>Timeline</a>
</h1>
<hr>
<nav class='sec-nav'>