[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 Hugo Sales
parent cd05589f67
commit e0a14f0b86
Signed by: someonewithpc
GPG Key ID: 7D0C7EAFC9D835A0
2 changed files with 27 additions and 14 deletions

View File

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

View File

@ -28,6 +28,8 @@
</div> </div>
</a> </a>
</div> </div>
<nav>
<a href='#'>Messages</a> <a href='#'>Messages</a>
<a href="{{ path("replies", {'nickname' : user_nickname}) }}" <a href="{{ path("replies", {'nickname' : user_nickname}) }}"
class='hover-effect {{ active("replies") }}'>Replies</a> class='hover-effect {{ active("replies") }}'>Replies</a>
@ -37,17 +39,23 @@
<a href="{{ path('settings_personal_info') }}" <a href="{{ path('settings_personal_info') }}"
class='hover-effect {{ active('settings_') }}'>Settings</a> class='hover-effect {{ active('settings_') }}'>Settings</a>
<a href='{{ path('logout') }}'>Logout</a> <a href='{{ path('logout') }}'>Logout</a>
</ul> </nav>
{% else %} {% else %}
<div class="profile"> <div class="profile">
<nav>
<a href="{{ path('login') }}" class='hover-effect {{ active('login') }}'>Login</a> <a href="{{ path('login') }}" class='hover-effect {{ active('login') }}'>Login</a>
<a href="{{ path('register') }}">Register</a> <a href="{{ path('register') }}">Register</a>
</nav>
</div> </div>
{% endif %} {% endif %}
<div class="timeline-nav"> <div class="timeline-nav">
<h1>
<a href="{{ path('main_public') }}" <a href="{{ path('main_public') }}"
class='{{ active('main_public', 'main_all', "home_all") }}'>Timeline</a> class='{{ active('main_public', 'main_all', "home_all") }}'>Timeline</a>
</h1>
<hr> <hr>
<nav class='sec-nav'> <nav class='sec-nav'>