Properly align user name and talking indicator
This commit is contained in:
parent
ca83780109
commit
2b7f7c1625
|
@ -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>
|
||||
|
|
|
@ -144,11 +144,15 @@ html, body {
|
|||
.user {
|
||||
margin-left: 9px;
|
||||
}
|
||||
.user-talk {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.user-status, .channel-status {
|
||||
float: right;
|
||||
}
|
||||
.user,.channel{
|
||||
height: 23px;
|
||||
line-height: 23px;
|
||||
padding: 2px;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
@ -461,6 +465,7 @@ form {
|
|||
padding-bottom: 0px;
|
||||
border: none;
|
||||
height: 19px;
|
||||
line-height: 19px;
|
||||
}
|
||||
.minimal .user-status {
|
||||
height: 19px;
|
||||
|
|
Loading…
Reference in a new issue