Create unread count label.
This commit is contained in:
parent
24b60f36a5
commit
6e032045e6
2 changed files with 13 additions and 1 deletions
|
|
@ -96,7 +96,7 @@
|
|||
<td class="text-success">44m</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>I need help</td>
|
||||
<td>I need help <span class="label label-custom">2</span></td>
|
||||
<td>help</td>
|
||||
<td>
|
||||
<figure class="avatar avatar-sm">
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@
|
|||
// Define variables to override default ones
|
||||
$primary-color: #2e5bec;
|
||||
// $dark-color: #3e396b;
|
||||
$label-color: #7cd2ff;
|
||||
|
||||
// Import full Spectre source code
|
||||
@import "spectre/src/spectre";
|
||||
|
|
@ -16,6 +17,7 @@ $primary-color: #2e5bec;
|
|||
table th {
|
||||
font-size: 0.65rem;
|
||||
}
|
||||
|
||||
// Spectre fixes.
|
||||
// - Weird avatar outline.
|
||||
.avatar {
|
||||
|
|
@ -62,4 +64,14 @@ $views-color: #545d70;
|
|||
|
||||
.views-text {
|
||||
color: $views-color;
|
||||
}
|
||||
|
||||
.label-custom {
|
||||
color: white;
|
||||
background-color: $label-color;
|
||||
|
||||
font-size: 0.6rem;
|
||||
padding-left: 0.3rem;
|
||||
padding-right: 0.3rem;
|
||||
border-radius: 5rem;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue