jyapayne/nimforum
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Create unread count label.

Browse source
This commit is contained in:
Dominik Picheta 2018-05-07 21:37:35 +01:00
commit 6e032045e6
2 changed files with 13 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
redesign/index.html
View file

@ -96,7 +96,7 @@
<td class="text-success">44m</td> <td class="text-success">44m</td>
</tr> </tr>
<tr> <tr>
<td>I need help</td> <td>I need help <span class="label label-custom">2</span></td>
<td>help</td> <td>help</td>
<td> <td>
<figure class="avatar avatar-sm"> <figure class="avatar avatar-sm">

12
redesign/nimforum.scss
View file

@ -3,6 +3,7 @@
// Define variables to override default ones // Define variables to override default ones
$primary-color: #2e5bec; $primary-color: #2e5bec;
// $dark-color: #3e396b; // $dark-color: #3e396b;
$label-color: #7cd2ff;
// Import full Spectre source code // Import full Spectre source code
@import "spectre/src/spectre"; @import "spectre/src/spectre";
@ -16,6 +17,7 @@ $primary-color: #2e5bec;
table th { table th {
font-size: 0.65rem; font-size: 0.65rem;
} }
// Spectre fixes. // Spectre fixes.
// - Weird avatar outline. // - Weird avatar outline.
.avatar { .avatar {
@ -63,3 +65,13 @@ $views-color: #545d70;
.views-text { .views-text {
color: $views-color; 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;
}