flashii/misuzu
flashii/misuzu
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Less bad hover effect on avatar.

Browse source
This commit is contained in:
flash 2019-01-18 15:16:06 +01:00
parent 205b019cef
commit 4458ac011b
2 changed files with 6 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
assets/less/classes/header.less
View file

@ -127,16 +127,13 @@
width: var(--header-image-px); width: var(--header-image-px);
height: var(--header-image-px); height: var(--header-image-px);
margin-left: 5px; margin-left: 5px;
transition: box-shadow .2s, width .1s, height .1s; transition: width .1s, height .1s;
box-shadow: 0 0 4px #111; box-shadow: 0 0 4px #111;
&:hover, &:hover,
&:focus { &:focus,
box-shadow: 0 0 0 1px var(--header-accent-colour), 0 0 4px #111;
}
&:active { &:active {
box-shadow: 0 0 0 2px var(--header-accent-colour), 0 0 4px #111; box-shadow: inset 0 0 0 1px var(--user-colour), 0 0 4px #111;
} }
} }

6
templates/_layout/header.twig
View file

@ -123,8 +123,8 @@
{% endfor %} {% endfor %}
{% if current_user is defined %} {% if current_user is defined %}
<a href="/profile.php?u={{ current_user.user_id }}" class="avatar header__desktop__user__avatar" <a href="/profile.php?u={{ current_user.user_id }}" class="avatar header__desktop__user__avatar" title="{{ current_user.username }}"
style="background-image:url('/profile.php?u={{ current_user.user_id }}&amp;m=avatar');" title="{{ current_user.username }}"></a> style="background-image:url('/profile.php?u={{ current_user.user_id }}&amp;m=avatar');{{ current_user.user_colour|html_colour }}"></a>
{% else %} {% else %}
<a href="/auth.php?m=login" class="avatar header__desktop__user__avatar" <a href="/auth.php?m=login" class="avatar header__desktop__user__avatar"
style="background-image:url('/profile.php?m=avatar');"></a> style="background-image:url('/profile.php?m=avatar');"></a>
@ -149,7 +149,7 @@
{{ input_checkbox_raw('', false, 'header__mobile__toggle', '', false, {'id':'toggle-mobile-header'}) }} {{ input_checkbox_raw('', false, 'header__mobile__toggle', '', false, {'id':'toggle-mobile-header'}) }}
<div class="header__mobile__menu"> <div class="header__mobile__menu">
<div class="header__mobile__menu__spacer"><!-- required because padding is DUMB and OVERRIDES max-height --></div> <div class="header__mobile__menu__spacer"></div>
<div class="header__mobile__user"> <div class="header__mobile__user">
{% for item in user_menu %} {% for item in user_menu %}