diff --git a/app/assets/javascripts/app/pages/framer.js b/app/assets/javascripts/app/pages/framer.js index d0e71b502..0a16049ec 100644 --- a/app/assets/javascripts/app/pages/framer.js +++ b/app/assets/javascripts/app/pages/framer.js @@ -83,6 +83,8 @@ app.views.framerContent = app.views.Base.extend({ }); app.views.Post.EditableSmallFrame = app.views.Post.SmallFrame.extend({ + className : "canvas-frame editable", + events : { "keyup [contentEditable]" : "setFormAttrs" }, diff --git a/app/assets/stylesheets/new_styles/_canvas.scss b/app/assets/stylesheets/new_styles/_canvas.scss index 00d9d0ad7..9e904098a 100644 --- a/app/assets/stylesheets/new_styles/_canvas.scss +++ b/app/assets/stylesheets/new_styles/_canvas.scss @@ -271,6 +271,7 @@ color: white; } } + &.editable, &.big-text { .text-content { display : table; @@ -289,6 +290,11 @@ color: white; } } + &.editable p { + min-width : 225px; + min-height : 225px; + } + &.x2.big-text .text-content { width : $two-column-width - 40 + px; }