t#31747:push

diff --git a/app/assets/javascripts/panels.js.coffee b/app/assets/javascripts/panels.js.coffee
index b992c73..95afd9b 100644 (file)
--- a/app/assets/javascripts/panels.js.coffee
+++ b/app/assets/javascripts/panels.js.coffee
@@ -101,7 +101,7 @@ $ ->
           $('.pettanr-comic-ground-color').map ->\r
             $(@).width(w)\r
             $(@).height(h)\r
-          \r
+        , autoHide: true\r
       }\r
   # sync view \r
   $('#panel' + pettanr_current_panel_id.toString() +  'width').focusout ->\r
@@ -135,7 +135,8 @@ $ ->
         trace = '#panel' + $(@).parent().attr('panel_id') + 'panel_picture' + $(@).parent().attr('element_id')\r
         $(trace + 'width').val($(@).width())\r
         $(trace + 'height').val($(@).height())\r
-      handles: 'all'\r
+      handles: 'all',\r
+      autoHide: true\r
     }\r
   \r
   refresh_picture = (e, w, h)  ->\r
@@ -203,8 +204,18 @@ $ ->
         trace = '#panel' + $(@).parent().attr('panel_id') + 'speech_balloon' + $(@).parent().attr('element_id')\r
         $(trace).width($(@).width())\r
         $(trace).height($(@).height())\r
-      handles: 'all'\r
+      handles: 'all',\r
+      autoHide: true\r
     }\r
+  $('.pettanr-comic-balloon span' ).map ->\r
+    p = $(@).parent()\r
+    sb = p.parent()\r
+    sb.mouseenter -> \r
+      trace = '#panel' + $(@).attr('panel_id') + 'speech_balloon' + $(@).attr('element_id') + 'balloon' + $(@).attr('balloon_id')\r
+      img = $(trace)\r
+      $('.ui-resizable-handl', img.parent()).map ->\r
+        confirm( $(@).attr('class')  )\r
+        \r
   \r
   # sync view \r
   $('input').map  ->\r

diff --git a/app/assets/stylesheets/test.css.scss b/app/assets/stylesheets/test.css.scss
index bc7f1da..a0961df 100644 (file)
--- a/app/assets/stylesheets/test.css.scss
+++ b/app/assets/stylesheets/test.css.scss
@@ -72,8 +72,65 @@ div.md5 {
 .pettanr-comic-balloon p code {
   font-family: monospace;
 }
-
-.colorpicker-wrap {
+.ui-resizable-handle {
+  background-color:#f8b87c;
+}
+.ui-resizable-n {
+  cursor          : n-resize;
+  height          : 9px;
+  width           : 100%;
+  top             : -3px;
+  left            : 0;
+}
+.ui-resizable-s {
+  cursor          : s-resize;
+  height          : 9px;
+  width           : 100%;
+  bottom          : -3px;
+  left            : 0;
+}
+.ui-resizable-e {
+  cursor          : e-resize;
+  width           : 9px;
+  right           : -3px;
+  top             : 0;
+  height          : 100%;
+}
+.ui-resizable-w {
+  cursor          : w-resize;
+  width           : 9px;
+  left            : -3px;
+  top             : 0;
+  height          : 100%;
+}
+.ui-resizable-se {
+  cursor          : se-resize;
+  width           : 12px;
+  height          : 12px;
+  right           : 1px;
+  bottom          : 1px;
+}
+.ui-resizable-sw {
+  cursor          : sw-resize;
+  width           : 9px;
+  height          : 9px;
+  left            : -5px;
+  bottom          : -5px;
+}
+.ui-resizable-nw {
+  cursor          : nw-resize;
+  width           : 9px;
+  height          : 9px;
+  left            : -5px;
+  top             : -5px;
+}
+.ui-resizable-ne {
+  cursor          : ne-resize;
+  width           : 9px;
+  height          : 9px;
+  right           : -5px;
+  top             : -5px;
+}.colorpicker-wrap {
     border: 1px solid #d0d0d0;
     border-radius: 10px;
     padding: 10px 5px;