Improve how banned fields are rendered on admin user page

This commit is contained in:
Neil Lalonde 2013-11-05 14:41:04 -05:00
parent bba5631923
commit 6597738322
2 changed files with 11 additions and 9 deletions

View file

@ -198,7 +198,7 @@
</div> </div>
</div> </div>
<div class='display-row'> <div {{bindAttr class=":display-row isBanned:highlight-danger"}}>
<div class='field'>{{i18n admin.user.banned}}</div> <div class='field'>{{i18n admin.user.banned}}</div>
<div class='value'>{{isBanned}}</div> <div class='value'>{{isBanned}}</div>
<div class='controls'> <div class='controls'>
@ -222,21 +222,20 @@
</div> </div>
{{#if isBanned}} {{#if isBanned}}
<div class='display-row'> <div class='display-row highlight-danger'>
<div class='field'>{{i18n admin.user.banned_by}}</div> <div class='field'>{{i18n admin.user.banned_by}}</div>
<div class='long-value'> <div class='value'>
{{#link-to 'adminUser' banned_by}}{{avatar banned_by imageSize="tiny"}}{{/link-to}} {{#link-to 'adminUser' banned_by}}{{avatar banned_by imageSize="tiny"}}{{/link-to}}
{{#link-to 'adminUser' banned_by}}{{banned_by.username}}{{/link-to}} {{#link-to 'adminUser' banned_by}}{{banned_by.username}}{{/link-to}}
</div> </div>
</div> <div class='controls'>
<b>{{i18n admin.user.ban_reason}}</b>:
<div class='display-row'> {{ban_reason}}
<div class='field'>{{i18n admin.user.ban_reason}}</div> </div>
<div class='long-value'>{{ban_reason}}</div>
</div> </div>
{{/if}} {{/if}}
<div class='display-row'> <div class='display-row' {{bindAttr class=":display-row blocked:highlight-danger"}}>
<div class='field'>{{i18n admin.user.blocked}}</div> <div class='field'>{{i18n admin.user.blocked}}</div>
<div class='value'>{{blocked}}</div> <div class='value'>{{blocked}}</div>
<div class='controls'> <div class='controls'>

View file

@ -201,6 +201,9 @@ table {
&:nth-of-type(1) { &:nth-of-type(1) {
border-top: 0; border-top: 0;
} }
&.highlight-danger {
background-color: #ffe5e5;
}
border-top: 1px solid #dddddd; border-top: 1px solid #dddddd;
&:before, &:after { &:before, &:after {
display: table; display: table;