[extensions-web/ui-cleanup: 7/12] Hilight comments from extension creators

[Jasper St. Pierre <jstpierre src gnome org>]

commit fc1578df65668643560dcb487edd9edf38cbb58d
Author: Jasper St. Pierre <jstpierre mecheye net>
Date:   Fri Dec 23 13:24:22 2011 -0500

    Hilight comments from extension creators

 .../extensions/templates/extensions/comments.html  |    5 +++++
 sweettooth/static/css/sweettooth.css               |    9 +++++++++
 2 files changed, 14 insertions(+), 0 deletions(-)
---
diff --git a/sweettooth/extensions/templates/extensions/comments.html b/sweettooth/extensions/templates/extensions/comments.html
index 119e039..af82994 100644
--- a/sweettooth/extensions/templates/extensions/comments.html
+++ b/sweettooth/extensions/templates/extensions/comments.html
@@ -5,7 +5,12 @@
   {% load rating %}
   {% get_comment_list for extension as comments %}
   {% for comment in comments %}
+  {% if comment.user == extension.creator %}
+  <div class="comment extension-creator">
+    <div class="extension-creator-badge">Author</div>
+  {% else %}
   <div class="comment">
+  {% endif %}
     <img src="{% gravatar_url comment.email %}" class="gravatar">
     <div class="rating-author">
       <div class="rating">
diff --git a/sweettooth/static/css/sweettooth.css b/sweettooth/static/css/sweettooth.css
index ae03952..58c425c 100644
--- a/sweettooth/static/css/sweettooth.css
+++ b/sweettooth/static/css/sweettooth.css
@@ -497,6 +497,15 @@ span.active, span.approve {
     color: #999;
 }
 
+.comment .extension-creator-badge {
+    font-weight: bold;
+    background-color: rgb(255,255,200);
+    position: absolute;
+    margin-left: -90px;
+    padding: 0.2em;
+    z-index: 999;
+}
+
 /* Error & Messages */
 /* ==================================================================== */