voussoir/etiquette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Let the logout button match the link color.

Browse source
This commit is contained in:
voussoir 2021-05-19 00:07:19 -07:00
parent bfea9c097c
commit 95a6d7bb92
No known key found for this signature in database
GPG key ID: 5F7554F8C26DACCB
2 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
frontends/etiquette_flask/static/css/etiquette.css
View file

@ -27,6 +27,11 @@ p:last-of-type
margin-bottom: 0; margin-bottom: 0;
} }
#header #logout_button
{
color: var(--color_text_link);
}
.header_element:hover .header_element:hover
{ {
background-color: var(--color_secondary); background-color: var(--color_secondary);

2
frontends/etiquette_flask/templates/header.html
View file

@ -5,7 +5,7 @@
<a class="header_element" href="/tags">Tags</a> <a class="header_element" href="/tags">Tags</a>
{% if session.user %} {% if session.user %}
<a class="header_element dynamic_user_display_name" href="/user/{{session.user.username}}">{{session.user.display_name}}</a> <a class="header_element dynamic_user_display_name" href="/user/{{session.user.username}}">{{session.user.display_name}}</a>
<button class="header_element" onclick="return api.users.logout(common.refresh);" style="flex:0">Logout</button> <button id="logout_button" class="header_element" onclick="return api.users.logout(common.refresh);" style="flex:0">Logout</button>
{% else %} {% else %}
<a class="header_element" href="/login">Log in</a> <a class="header_element" href="/login">Log in</a>
{% endif %} {% endif %}