[extensions-web] Make an extension's icon clickable as well



commit ae280a3a4f9a7ac07385e97524dbb1c642f0b764
Author: Jasper St. Pierre <jstpierre mecheye net>
Date:   Tue Oct 25 15:57:23 2011 -0400

    Make an extension's icon clickable as well

 sweettooth/auth/templates/auth/profile.html        |    4 +---
 .../extensions/templates/extensions/list.html      |    4 +---
 sweettooth/review/templates/review/list.html       |    5 +----
 sweettooth/static/css/sweettooth.css               |    1 +
 4 files changed, 4 insertions(+), 10 deletions(-)
---
diff --git a/sweettooth/auth/templates/auth/profile.html b/sweettooth/auth/templates/auth/profile.html
index 7fdbafb..87bfd19 100644
--- a/sweettooth/auth/templates/auth/profile.html
+++ b/sweettooth/auth/templates/auth/profile.html
@@ -14,15 +14,13 @@
     <li class="extension profile">
       <div class="switch insensitive"></div>
 
-      <img src="{{ extension.icon.url }}" class="icon">
-
       {% if extension.screenshot %}
       {% thumbnail extension.screenshot "300x200" as th %}
       <img src="{{ th.url }}" />
       {% endthumbnail %}
       {% endif %}
 
-      <h4 class="extension-name"><a href="{% url extensions-detail pk=extension.pk %}">{{ extension.name }}</a></h4>
+      <h4 class="extension-name"><a href="{% url extensions-detail pk=extension.pk %}">      <img src="{{ extension.icon.url }}" class="icon">{{ extension.name }}</a></h4>
       <p class="description">
         {{ extension.description }}
       </p>
diff --git a/sweettooth/extensions/templates/extensions/list.html b/sweettooth/extensions/templates/extensions/list.html
index 729b5ee..2c4024d 100644
--- a/sweettooth/extensions/templates/extensions/list.html
+++ b/sweettooth/extensions/templates/extensions/list.html
@@ -5,9 +5,7 @@
   {% for extension in extension_list %}
   {% with extension.latest_version as version %}
     <li class="extension">
-      <img src="{{ extension.icon.url }}" class="icon">
-
-      <h3 class="extension-name"><a href="{% url extensions-detail pk=extension.pk %}" class="title-link">{{ extension.name }}</a></h3>
+      <h3 class="extension-name"><a href="{% url extensions-detail pk=extension.pk %}" class="title-link"><img src="{{ extension.icon.url }}" class="icon">{{ extension.name }}</a></h3>
       <span class="author">by <a href="{% url auth-profile user=extension.creator.username %}">{{ extension.creator }}</a></span>
       <p class="description">
         {{ extension.description }}
diff --git a/sweettooth/review/templates/review/list.html b/sweettooth/review/templates/review/list.html
index 1a9b8ff..7eb2170 100644
--- a/sweettooth/review/templates/review/list.html
+++ b/sweettooth/review/templates/review/list.html
@@ -9,10 +9,7 @@
 {% with version.extension as extension %}
 <li class="extension">
   <div class="switch insensitive"></div>
-
-  <img src="{{ extension.icon.url }}" class="icon">
-
-  <h3 class="extension-name"><a href="{% url review-version pk=version.pk %}">{{ extension.name }}</a></h3>
+  <h3 class="extension-name"><a href="{% url review-version pk=version.pk %}"><img src="{{ extension.icon.url }}" class="icon">{{ extension.name }}</a></h3>
   <span class="author">by {{ extension.creator }}</span>
   <p class="description">
     {{ extension.description }}
diff --git a/sweettooth/static/css/sweettooth.css b/sweettooth/static/css/sweettooth.css
index 3f0ab7c..b48f60c 100644
--- a/sweettooth/static/css/sweettooth.css
+++ b/sweettooth/static/css/sweettooth.css
@@ -257,6 +257,7 @@ li.extension:last-child {
     width: 32px;
     height: 32px;
     position: absolute;
+    left: 0px;
     margin-top: 4px;
     padding: 2px;
 }



[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]