more specific sizing of image thumbnail

this fixes a bug where the external link icon was resized in a caption.
WardCunningham · Oct 31, 2012 · ac3b714 · ac3b714
1 parent 25f85cb
commit ac3b714
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/client/client.js b/client/client.js
@@ -1393,7 +1393,7 @@ require.define("/lib/plugin.coffee", function (require, module, exports, __dirna
       emit: function(div, item) {
         item.text || (item.text = item.caption);
         wiki.log('image', item);
-        return div.append("<img src=\"" + item.url + "\"> <p>" + (wiki.resolveLinks(item.text)) + "</p>");
+        return div.append("<img class=thumbnail src=\"" + item.url + "\"> <p>" + (wiki.resolveLinks(item.text)) + "</p>");
       },
       bind: function(div, item) {
         div.dblclick(function() {

diff --git a/client/lib/plugin.coffee b/client/lib/plugin.coffee
@@ -62,7 +62,7 @@ window.plugins =
     emit: (div, item) ->
       item.text ||= item.caption
       wiki.log 'image', item
-      div.append "<img src=\"#{item.url}\"> <p>#{wiki.resolveLinks(item.text)}</p>"
+      div.append "<img class=thumbnail src=\"#{item.url}\"> <p>#{wiki.resolveLinks(item.text)}</p>"
     bind: (div, item) ->
       div.dblclick -> wiki.textEditor div, item
       div.find('img').dblclick -> wiki.dialog item.text, this

diff --git a/client/style.css b/client/style.css
@@ -97,7 +97,7 @@ footer {
   padding: 0.8em;
   width: 42%; }
 
-.image img {
+.image .thumbnail {
   width: 100%; }
 
 .journal {

diff --git a/client/test/testclient.js b/client/test/testclient.js
@@ -1587,7 +1587,7 @@ require.define("/lib/plugin.coffee", function (require, module, exports, __dirna
       emit: function(div, item) {
         item.text || (item.text = item.caption);
         wiki.log('image', item);
-        return div.append("<img src=\"" + item.url + "\"> <p>" + (wiki.resolveLinks(item.text)) + "</p>");
+        return div.append("<img class=thumbnail src=\"" + item.url + "\"> <p>" + (wiki.resolveLinks(item.text)) + "</p>");
       },
       bind: function(div, item) {
         div.dblclick(function() {