center align text for embedded notes

2015-01-30 13:26:04 -08:00
parent 02f24b533f
commit 838ee5bbd8
2 changed files with 11 additions and 0 deletions
--- a/app/assets/javascripts/notes.js
+++ b/app/assets/javascripts/notes.js
@@ -20,6 +20,11 @@ Danbooru.Note = {

      var $note_box = $('<div/>');
      $note_box.addClass("note-box");
+
+      if (Danbooru.Note.embed) {
+        $note_box.addClass("embedded");
+      }
+
      $note_box.data("id", String(id));
      $note_box.attr("data-id", String(id));
      $note_box.draggable({
--- a/app/assets/stylesheets/specific/notes.css.scss
+++ b/app/assets/stylesheets/specific/notes.css.scss
@@ -71,6 +71,12 @@ div#note-container {
      border: 1px solid red;
    }
  }
+
+  div.note-box.embedded div.note-box-inner-border {
+    text-align: center;
+    display: table-cell;
+    vertical-align: middle;
+  }
 }

 div#note-preview {