added status icon to usercard

main
psychobunny 9 years ago
parent 25bb1ebdc9
commit 7e2afb9457

@ -42,7 +42,7 @@
margin-top: 2px; margin-top: 2px;
.status { > a > .status {
position: absolute; position: absolute;
right: 12px; right: 12px;
font-size: 12px; font-size: 12px;
@ -60,6 +60,10 @@
} }
} }
.status {
vertical-align: 0%;
}
.group-label { .group-label {
text-transform: uppercase; text-transform: uppercase;
vertical-align: 6%; vertical-align: 6%;
@ -222,7 +226,7 @@
> li { > li {
position: relative; position: relative;
.edit-icon, .status { .edit-icon {
vertical-align: -2%; vertical-align: -2%;
} }

@ -10,6 +10,7 @@
<a href="{config.relative_path}/user/{userslug}"> <a href="{config.relative_path}/user/{userslug}">
<span class="usercard-name"><!-- IF fullname -->{fullname}<!-- ELSE -->{username}<!-- ENDIF fullname --></span><br /> <span class="usercard-name"><!-- IF fullname -->{fullname}<!-- ELSE -->{username}<!-- ENDIF fullname --></span><br />
<span class="usercard-username">@{username}</span> <span class="usercard-username">@{username}</span>
<i component="user/status" class="fa fa-circle status {status}" title="[[global:{status}]]"></i>
</a> </a>
<div class="row usercard-info"> <div class="row usercard-info">

Loading…
Cancel
Save