Inline styles (temp)

2017-06-04 17:12:39 +01:00
parent b9d5354cc7
commit b235ed168a
1 changed files with 22 additions and 4 deletions
@@ -2,14 +2,32 @@

@foreach (var contributor in Model.Contributors)
 {
-    <a href="@contributor.Url">
-        <div class="avatar">
-            <img alt="@contributor.Login" src="@contributor.AvatarUrl" title="@contributor.Login"/>
-            <span>@contributor.Contributions</span>
+    <a href="@contributor.Url" class="contributor">
+        <div class="avatar" style="position: relative;">
+            <img alt="@contributor.Login" src="@contributor.AvatarUrl" title="@contributor.Login" />
+            <span class="contrib-count" title="@(contributor.Contributions + " contributions")">@contributor.Contributions</span>
        </div>
    </a>
 }

+<style>
+    .contributor {
+        margin-bottom: 15px;
+    }
+
+    .contrib-count {
+        position: absolute;
+        left: 25px;
+        bottom: 0px;
+        text-align: center;
+        right: 25px;
+        color: #425a2e;
+        font-weight: bold;
+        background-color: #98d768;
+        border-radius: 15px;
+    }
+</style>
+
@if (Model.Contributors.Any() == false)
 {
    <h2>Could not load recent GitHub contributors.</h2>