소스 검색

[oozie] Improved readability on inline forms

Enrico Berti 11 년 전
부모
커밋
e5c5c3da49
2개의 변경된 파일13개의 추가작업 그리고 3개의 파일을 삭제
  1. 3 3
      apps/oozie/src/oozie/templates/editor/workflow_editor.mako
  2. 10 0
      apps/oozie/static/css/workflow-editor.css

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

@@ -403,7 +403,7 @@ ${ commonheader(_("Workflow Editor"), "Oozie", user, "40px") | n,unicode }
       <!-- /ko -->
     </h2>
     <div class="card-body" style="padding: 0;">
-      <div class="pull-right" data-bind="visible: $root.isEditing() && ! ooziePropertiesExpanded() && oozieMovable(), click: toggleProperties">
+      <div class="advanced-triangle-container" data-bind="visible: $root.isEditing() && ! ooziePropertiesExpanded() && oozieMovable(), click: toggleProperties">
         <div class="advanced-triangle">
           <a href="javascript:void(0)"><i class="fa fa-cogs"></i></a>
         </div>
@@ -592,7 +592,7 @@ ${ commonheader(_("Workflow Editor"), "Oozie", user, "40px") | n,unicode }
   </h6>
   <ul class="unstyled" data-bind="foreach: properties.files">
     <li style="margin-bottom: 3px">
-      <input type="text" class="span9 filechooser-input" data-bind="filechooser: value"/>
+      <input type="text" class="filechooser-input" data-bind="filechooser: value"/>
       <a href="#" data-bind="click: function(){ $parent.properties.files.remove(this); $(document).trigger('drawArrows') }">
         <i class="fa fa-minus"></i>
       </a>
@@ -609,7 +609,7 @@ ${ commonheader(_("Workflow Editor"), "Oozie", user, "40px") | n,unicode }
   </h6>
   <ul class="unstyled" data-bind="foreach: properties.parameters">
     <li style="margin-bottom: 3px">
-      <input type="text" class="span11" data-bind="value: value, attr: { placeholder: $parent.actionParametersUI }"/>
+      <input type="text" class="half" data-bind="value: value, attr: { placeholder: $parent.actionParametersUI }"/>
       <a href="#" data-bind="click: function(){ $parent.properties.parameters.remove(this); $(document).trigger('drawArrows') }">
         <i class="fa fa-minus"></i>
       </a>

+ 10 - 0
apps/oozie/static/css/workflow-editor.css

@@ -377,6 +377,11 @@
   margin-right: 3px;
 }
 
+.advanced-triangle-container {
+  position: absolute;
+  right: 0;
+}
+
 .advanced-triangle {
   width: 0;
   height: 0;
@@ -453,6 +458,11 @@ input[type="text"].filechooser-input {
   margin-bottom: 0;
 }
 
+input[type="text"].filechooser-input, input[type="text"].half {
+  width: 50%;
+}
+
+
 .fileChooserBtn {
   height: 31px;
 }