Эх сурвалжийг харах

[oozie] Improve dragging visual hints on workflow editor

Enrico Berti 11 жил өмнө
parent
commit
89284c5

+ 1 - 1
apps/oozie/src/oozie/templates/editor/workflow_editor.mako

@@ -317,7 +317,7 @@ ${ commonheader(_("Workflow Editor"), "Oozie", user, "40px") | n,unicode }
 
 <script type="text/html" id="widget-template">
   <div data-bind="attr: {'id': 'wdg_'+ id(),}, css: klass() + (ooziePropertiesExpanded()?' expanded-widget':''),
-      draggable: {data: $data, isEnabled: true, options: {'handle': '.move-widget', 'opacity': 0.7, 'refreshPositions': true, 'start': function(event, ui){ $root.setCurrentlyDraggedWidget($data, event.toElement); }, 'stop': function(event, ui){ $root.enableSideDrop($data); }, 'helper': function(event){lastWindowScrollPosition = $(window).scrollTop();  var _par = $('<div>');_par.addClass('card card-widget');var _title = $('<h2>');_title.addClass('card-heading simple');_title.text($(event.currentTarget).find('h2').text());_title.appendTo(_par);_par.css('minHeight', '10px');_par.width(120);return _par;}}}">
+      draggable: {data: $data, isEnabled: true, options: {'handle': '.move-widget', 'opacity': 0.7, 'refreshPositions': true, 'start': function(event, ui){ $root.setCurrentlyDraggedWidget($data, event.toElement); $root.isDragging(true); }, 'stop': function(event, ui){ $root.enableSideDrop($data); $root.isDragging(false); }, 'helper': function(event){lastWindowScrollPosition = $(window).scrollTop();  var _par = $('<div>');_par.addClass('card card-widget');var _title = $('<h2>');_title.addClass('card-heading simple');_title.text($(event.currentTarget).find('h2').text());_title.appendTo(_par);_par.css('minHeight', '10px');_par.width(120);return _par;}}}">
     <h2 class="card-heading simple" data-bind="visible: widgetType() != 'start-widget' && widgetType() != 'end-widget' &&
         id() != '17c9c895-5a16-7443-bb81-f34b30b21548' && (['fork-widget', 'join-widget', 'decision-widget'].indexOf(widgetType()) == -1 || $root.isEditing())">
 

+ 4 - 3
apps/oozie/static/css/workflow-editor.css

@@ -287,14 +287,14 @@
 }
 
 .drop-target {
-  background-color: #FCFCFC;
+  background-color: #F6F6F6;
   min-height: 20px;
-  border: 2px dotted #FAFAFA;
+  border: 2px dotted #DDD;
   text-align: center;
   padding: 4px;
 }
 .drop-target-dragging {
-  background-color: #F6F6F6;
+  background-color: #F0F0F0;
   border-color: #DDD;
 }
 
@@ -305,6 +305,7 @@
 .drop-target-highlight {
   min-height: 20px;
   background-color: #CCC;
+  border-color: #BBB;
 }
 
 .drop-target-disabled {