$('.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
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
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
.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;