Properly align user name and talking indicator

This commit is contained in:
Jonas Herzig 2018-09-24 13:20:57 +02:00
parent ca83780109
commit 2b7f7c1625
2 changed files with 10 additions and 4 deletions

View file

@ -304,14 +304,15 @@
<div data-bind="if: comment">
<div class="user-comment tooltip" data-bind="html: comment"></div>
</div>
<img class="user-talk-off" data-bind="visible: talking() == 'off'"
<img class="user-talk user-talk-off" data-bind="visible: talking() == 'off'"
alt="talk off" src="/svg/talking_off.svg">
<img class="user-talk-on" data-bind="visible: talking() == 'on'"
<img class="user-talk user-talk-on" data-bind="visible: talking() == 'on'"
alt="talk on" src="/svg/talking_on.svg">
<img class="user-talk-whisper" data-bind="visible: talking() == 'whisper'"
<img class="user-talk user-talk-whisper" data-bind="visible: talking() == 'whisper'"
alt="whisper" src="/svg/talking_whisper.svg">
<img class="user-talk-shout" data-bind="visible: talking() == 'shout'"
<img class="user-talk user-talk-shout" data-bind="visible: talking() == 'shout'"
alt="shout" src="/svg/talking_alt.svg">
<!-- /ko -->
<div class="user-name" data-bind="text: name"></div>
</div>
</div>