Browse Source

HUE-8795 [frontend] Fix user autocomplete width and height in the sharing modal

Johan Ahlen 6 years ago
parent
commit
b370314c66

+ 3 - 0
desktop/core/src/desktop/js/ko/bindings/ko.autocomplete.js

@@ -135,6 +135,9 @@ ko.bindingHandlers.autocomplete = {
           if (options.limitWidthToInput) {
           if (options.limitWidthToInput) {
             ul.css('max-width', Math.max(options.minWidth, $element.outerWidth(true)) + 'px');
             ul.css('max-width', Math.max(options.minWidth, $element.outerWidth(true)) + 'px');
           }
           }
+          ul.css('min-width', options.minWidth || $element.outerWidth(true));
+          ul.css('min-height', options.minHeight || '20px');
+
 
 
           ul.addClass(this.options.classPrefix + 'autocomplete');
           ul.addClass(this.options.classPrefix + 'autocomplete');
           $.each(items, (index, item) => {
           $.each(items, (index, item) => {

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

@@ -65,8 +65,8 @@ from django.utils.translation import ugettext as _
     <div class="clearfix"></div>
     <div class="clearfix"></div>
     <div style="margin-top: 20px">
     <div style="margin-top: 20px">
       <div class="input-append">
       <div class="input-append">
-      <div id="menu"></div>
-      <input id="userSearchAutocomp" placeholder="${_('Type a username or a group name')}" type="text" data-bind="autocomplete: { source: source, itemTemplate: 'user-search-autocomp-item', noMatchTemplate: 'user-search-autocomp-no-match',valueObservable: searchInput, showSpinner: true, classPrefix: 'hue-', onEnter: handleTypeaheadSelection, appendTo: $('#menu') }, clearable: { value: searchInput }, textInput: searchInput" class="ui-autocomplete-input" autocomplete="off" style="width: 460px">
+        <div id="menu" style="font-size: 14px;"></div>
+        <input id="userSearchAutocomp" placeholder="${_('Type a username or a group name')}" type="text" data-bind="autocomplete: { source: source, itemTemplate: 'user-search-autocomp-item', noMatchTemplate: 'user-search-autocomp-no-match',valueObservable: searchInput, showSpinner: true, classPrefix: 'hue-', onEnter: handleTypeaheadSelection, appendTo: $('#menu') }, clearable: { value: searchInput }, textInput: searchInput" class="ui-autocomplete-input" autocomplete="off" style="width: 460px">
         <div class="btn-group">
         <div class="btn-group">
           <a id="documentShareAddBtn" class="btn"><span data-bind="text: selectedPermLabel"></span></a>
           <a id="documentShareAddBtn" class="btn"><span data-bind="text: selectedPermLabel"></span></a>
           <a id="documentShareCaret" class="btn dropdown-toggle" data-toggle="dropdown">
           <a id="documentShareCaret" class="btn dropdown-toggle" data-toggle="dropdown">