🎨 give suspended user badge a little room (#732)

closes #8546
- creates new `.suspended` class as a copy of `.administrator` for better naming and add `15px` of `margin-left` to it.
This commit is contained in:
Aileen Nowak 2017-06-13 15:54:05 +07:00 committed by Kevin Ansfield
parent cbd18c6253
commit 336ff5667d
2 changed files with 10 additions and 1 deletions

View File

@ -81,6 +81,15 @@
background: #fff;
}
.gh-badge.suspended {
margin-left: 15px;
border: color(var(--red) blackness(+8%)) 1px solid;
background: linear-gradient(
color(var(--red) whiteness(+10%)),
color(var(--red) blackness(+4%))
);
}
/* User invitation modal
/* ---------------------------------------------------------- */

View File

@ -6,7 +6,7 @@
{{user.name}}
{{#if user.isSuspended}}
<span class="gh-badge administrator" data-test-suspended-badge>Suspended</span>
<span class="gh-badge suspended" data-test-suspended-badge>Suspended</span>
{{/if}}
</h2>