Переглянути джерело

HUE-3723 [editor] Use larger input for notebook name and description

Johan Ahlen 9 роки тому
батько
коміт
a26eec5

+ 3 - 0
desktop/libs/notebook/src/notebook/static/notebook/css/notebook.css

@@ -1040,6 +1040,9 @@ h4.header {
   text-overflow: ellipsis;
 }
 
+.notebook-name-input {
+  width: 220px;
+}
 pre {
   font-size: 11px;
 }

+ 2 - 2
desktop/libs/notebook/src/notebook/templates/editor_components.mako

@@ -322,12 +322,12 @@ ${ hueIcons.symbols() }
           </li>
           <li class="query-name">
             <a href="javascript:void(0)">
-              <div class="notebook-name-desc" data-bind="editable: name, editableOptions: { enabled: true, placement: 'bottom', emptytext: '${_ko('Add a name...')}', tpl: '<input type=\'text\' maxlength=\'255\'>' }"></div>
+              <div class="notebook-name-desc" data-bind="editable: name, editableOptions: { inputclass: 'notebook-name-input', enabled: true, placement: 'bottom', emptytext: '${_ko('Add a name...')}', tpl: '<input type=\'text\' maxlength=\'255\'>' }"></div>
             </a>
           </li>
           <li data-bind="tooltip: { placement: 'bottom', title: description }">
             <a href="javascript:void(0)">
-              <div class="notebook-name-desc" data-bind="editable: description, editableOptions: { enabled: true, placement: 'bottom', emptytext: '${_ko('Add a description...')}' }"></div>
+              <div class="notebook-name-desc" data-bind="editable: description, editableOptions: { type: 'textarea', enabled: true, placement: 'bottom', emptytext: '${_ko('Add a description...')}' }"></div>
             </a>
           </li>
           <!-- /ko -->