瀏覽代碼

HUE-8473 [editor] Limit the width of compute and namespace selection

Johan Ahlen 7 年之前
父節點
當前提交
d963841

文件差異過大導致無法顯示
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue-embedded.css


文件差異過大導致無法顯示
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


文件差異過大導致無法顯示
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue3-extra.css


+ 7 - 0
desktop/core/src/desktop/static/desktop/less/hue-cross-version.less

@@ -492,6 +492,13 @@ ul.errorlist {
   margin-left: -1px;
 }
 
+.hue-drop-down-selected {
+  display: inline-block;
+  max-width: 192px; // Same as text search input when drop down is open
+  vertical-align: bottom;
+  .nowrap-ellipsis();
+}
+
 .jHueHdfsTree .content {
   margin-left: 14px;
 }

+ 1 - 1
desktop/core/src/desktop/templates/ko_components/ko_drop_down.mako

@@ -29,7 +29,7 @@ from desktop.views import _ko
     <a class="inactive-action hue-drop-down-active" href="javascript:void(0)" data-bind="toggle: dropDownVisible, css: { 'blue': dropDownVisible }">
       <!-- ko if: icon --><i class="fa" data-bind="css: icon"></i><!-- /ko -->
       <!-- ko if: !noLabel && value -->
-      <span data-bind="text: value() && typeof value()[labelAttribute] !== 'undefined' ? value()[labelAttribute] : value(), visible: ! dropDownVisible() || !searchable, attr: { 'title': linkTitle }" ></span>
+      <span class="hue-drop-down-selected" data-bind="text: value() && typeof value()[labelAttribute] !== 'undefined' ? value()[labelAttribute] : value(), visible: ! dropDownVisible() || !searchable, attr: { 'title': value() && typeof value()[labelAttribute] !== 'undefined' ? value()[labelAttribute] : value() }" ></span>
       <!-- /ko -->
       <i class="fa fa-caret-down"></i>
     </a>

部分文件因文件數量過多而無法顯示