Browse Source

HUE-6551 [editor] Improve the visibility of the active database

Johan Ahlen 8 years ago
parent
commit
4e51667

File diff suppressed because it is too large
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


File diff suppressed because it is too large
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue3-extra.css


+ 5 - 0
desktop/core/src/desktop/static/desktop/less/hue-assist.less

@@ -416,6 +416,11 @@
   padding-right: 15px;
   padding-left:4px;
   background-color: @cui-white;
+  opacity: 0;
+
+  > a {
+    padding: 0 3px;
+  }
 }
 
 .table-actions {

+ 1 - 2
desktop/core/src/desktop/static/desktop/less/hue-cross-version.less

@@ -408,8 +408,7 @@ ul.errorlist {
 }
 
 .hue-drop-down-active span {
-  font-size: 12px;
-  font-weight: lighter;
+  font-size: 15px;
 }
 
 .hue-drop-down-input {

+ 2 - 2
desktop/core/src/desktop/templates/assist.mako

@@ -542,8 +542,8 @@ from notebook.conf import get_ordered_interpreters
       <div data-bind="visible: ! loading() && ! hasErrors() && entries().length > 0">
          <ul class="assist-tables" data-bind="foreachVisible: {data: filteredEntries, minHeight: 24, container: '.assist-file-scrollable' }">
            <li class="assist-entry assist-file-entry" data-bind="appAwareTemplateContextMenu: { template: 'document-context-items', scrollContainer: '.assist-file-scrollable' }, assistFileDroppable, visibleOnHover: { 'selector': '.assist-file-actions' }">
-             <div class="assist-file-actions table-actions" style="opacity: 0;" >
-               <a style="padding: 0 3px;" class="inactive-action" href="javascript:void(0);" data-bind="templatePopover : { contentTemplate: 'file-details-content', titleTemplate: 'file-details-title', minWidth: '350px' }">
+             <div class="assist-file-actions table-actions">
+               <a class="inactive-action" href="javascript:void(0);" data-bind="templatePopover : { contentTemplate: 'file-details-content', titleTemplate: 'file-details-title', minWidth: '350px' }">
                  <i class='fa fa-info' title="${ _('Details') }"></i>
                </a>
              </div>

+ 2 - 0
desktop/core/src/desktop/templates/ko_components.mako

@@ -26,6 +26,7 @@ from desktop.views import _ko
   <script type="text/html" id="hue-drop-down-template">
     <!-- ko if: !dropDownVisible() || !searchable -->
     <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 -->
       <span data-bind="text: value, visible: ! dropDownVisible() || !searchable, attr: { 'title': linkTitle }" ></span>
       <i class="fa fa-caret-down"></i>
     </a>
@@ -55,6 +56,7 @@ from desktop.views import _ko
       var HueDropDown = function (params, element) {
         var self = this;
         self.dropDownVisible = ko.observable(false);
+        self.icon = params.icon;
         self.value = params.value;
         self.entries = params.entries;
         self.searchable = params.searchable || false;

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

@@ -876,7 +876,7 @@ from notebook.conf import ENABLE_QUERY_BUILDER, ENABLE_QUERY_SCHEDULING, ENABLE_
     <!-- ko template: { name: 'longer-operation' } --><!-- /ko -->
     <span class="execution-timer" data-bind="visible: type() != 'text' && status() != 'ready' && status() != 'loading', text: result.executionTime().toHHMMSS()" title="${ _('Execution time') }"></span>
     <!-- ko if: availableDatabases().length > 0 && isSqlDialect() -->
-    <div class="margin-left-10" data-bind="component: { name: 'hue-drop-down', params: { value: database, entries: availableDatabases, foreachVisible: true, searchable: true, linkTitle: '${ _ko('Active database') }' } }" style="display: inline-block"></div>
+    <div class="margin-left-10" data-bind="component: { name: 'hue-drop-down', params: { icon: 'fa-database', value: database, entries: availableDatabases, foreachVisible: true, searchable: true, linkTitle: '${ _ko('Active database') }' } }" style="display: inline-block"></div>
     <!-- /ko -->
 
    <!-- ko template: { name: 'snippet-header-statement-type' } --><!-- /ko -->

Some files were not shown because too many files changed in this diff