pdf image style

app/assets/javascripts/modules/mod-image-style.js.coffee

+# Desc
+#   .mod-image-style以下のimgタグにstyle用のclassをつける
+# Usage:
+# Example:
+
+$ ->
+  $('.mod-image-style').find('img').addClass('img-thumbnail')
+
+  $('.mod-image-style').find('img').parent('a')
+    .append("""<button type="button" class="btn btn-info btn-lg">
+      <span class="glyphicon glyphicon-share"></span> Open in New Tab
+      </button>""")

app/assets/stylesheets/modules/mod-image-style.css.scss

+.mod-image-style {
+
+  a {
+    position: relative;
+  }
+
+  a button {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-left: -105px;
+    margin-top: -23px;
+    background: white;
+  }
+
+}

app/assets/stylesheets/watchings.css.scss

-// Place all the styles related to the watchings controller here.
-// They will automatically be included in application.css.
-// You can use Sass (SCSS) here: http://sass-lang.com/

app/views/posts/show.html.slim

@@ -4,7 +4,7 @@
       .panel-heading
         h3.panel-title
           a href=post_path(@post) = @post.title
-      .panel-body.viewer.github
+      .panel-body.viewer.github.mod-image-style
         = MarkdownRenderer.new(@post.body).render
 
   .col-xs-3