Explorar o código

HUE-4166 [metastore] Sample data dialog can't display very long table name properly

Enrico Berti %!s(int64=9) %!d(string=hai) anos
pai
achega
9c06051

+ 6 - 0
desktop/core/src/desktop/static/desktop/css/hue3.css

@@ -2645,3 +2645,9 @@ body {
 *::-ms-clear {
 *::-ms-clear {
   display: none;
   display: none;
 }
 }
+
+.stats-popover-name {
+  max-width: 440px;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+}

+ 5 - 2
desktop/core/src/desktop/templates/table_stats.mako

@@ -89,11 +89,14 @@ from desktop.views import _ko
         <!-- /ko -->
         <!-- /ko -->
         <i data-bind="visible: loadingStats" class='fa fa-spinner fa-spin'></i>
         <i data-bind="visible: loadingStats" class='fa fa-spinner fa-spin'></i>
         <!-- ko if: column == null -->
         <!-- ko if: column == null -->
-        <strong class="table-name" data-bind="text: table"></strong> ${ _(' table') }
+        <i class="pull-left fa fa-table muted" style="margin-top: 3px"></i>
+        <div class="pull-left stats-popover-name"><strong class="table-name" data-bind="text: table, attr: {title: table}"></strong></div>
         <!-- /ko -->
         <!-- /ko -->
         <!-- ko ifnot: column == null -->
         <!-- ko ifnot: column == null -->
-        <strong class="table-name" data-bind="text: column"></strong> ${ _(' column') }
+        <i class="pull-left fa fa-column muted" style="margin-top: 3px"></i>
+        <div class="inline-block stats-popover-name"><strong class="table-name" data-bind="text: column, attr: {title: column}"></strong></div>
         <!-- /ko -->
         <!-- /ko -->
+        <div class="clearfix"></div>
       </h3>
       </h3>
       <div class="popover-content">
       <div class="popover-content">
         <ul class="nav nav-tabs">
         <ul class="nav nav-tabs">