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

Triangles for category colours?

Browse source 
Being different for the sake of it probably isn't a good idea,
but I'll see how it goes.
This commit is contained in:
Dominik Picheta 2018-05-07 22:31:00 +01:00
commit 7a13c32ccf
2 changed files with 13 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
redesign/index.html
View file

@ -65,7 +65,7 @@
<tbody>
<tr>
<td><i class="fas fa-lock fa-xs" style="vertical-align: 0.05rem;"></i> Few mixed up questions</td>
<td>help</td>
<td><div class="triangle" style="border-bottom: 0.6rem solid #fc7c14;"></div> help</td>
<td>
<figure class="avatar avatar-sm">
<img src="https://www.gravatar.com/avatar/4831aedc3469e317e581e9e7348519a1?s=40&amp;d=identicon" title="DTxplorer">
@ -86,7 +86,7 @@
</tr>
<tr>
<td><i class="fas fa-check-square fa-xs" style="vertical-align: 0.05rem;"></i> Lexers and parsers in Nim</td>
<td>community</td>
<td><div class="triangle"></div> community</td>
<td>
<figure class="avatar avatar-sm">
<img src="https://www.gravatar.com/avatar/aa81bb8117f158b6d9e6f3f174092573?s=40&amp;d=identicon" title="ErikCampobadal"><i class="avatar-presence online"></i></figure>
@ -97,7 +97,7 @@
</tr>
<tr class="last-visit">
<td>I need help <span class="label label-custom">2</span></td>
<td>help</td>
<td><div class="triangle" style="border-bottom: 0.6rem solid #fc7c14;"></div> help</td>
<td>
<figure class="avatar avatar-sm">
<img src="https://www.gravatar.com/avatar/4831aedc3469e317e581e9e7348519a1?s=40&amp;d=identicon" title="DTxplorer">
@ -121,7 +121,7 @@
</tr>
<tr>
<td>Nim v1.0 is here!</td>
<td>announcement</td>
<td><div class="triangle" style="border-bottom: 0.6rem solid #1f93f3;"></div> announcement</td>
<td>
<figure class="avatar avatar-sm">
<img src="https://www.gravatar.com/avatar/4831aedc3469e317e581e9e7348519a1?s=40&amp;d=identicon" title="DTxplorer">

9
redesign/nimforum.scss
View file

@ -96,4 +96,13 @@ $views-color: #545d70;
td {
border: none;
}
}
.triangle {
width: 0;
height: 0;
border-left: 0.3rem solid transparent;
border-right: 0.3rem solid transparent;
border-bottom: 0.6rem solid #98c766;
display: inline-block;
}