瀏覽代碼

HUE-8727 [frontend] Prevent Chrome from autofilling user name in various input elements

Johan Ahlen 6 年之前
父節點
當前提交
4658b81

文件差異過大導致無法顯示
+ 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


+ 1 - 1
desktop/core/src/desktop/static/desktop/less/components/hue-popover.less

@@ -331,7 +331,7 @@
     line-height: 28px;
   }
 
-  .inline-autocomplete-container {
+  .inline-autocomp-container {
     height: 26px;
 
     > div {

+ 1 - 1
desktop/core/src/desktop/static/desktop/less/hue-assist.less

@@ -599,7 +599,7 @@
   margin-right: 8px;
 }
 
-.assist-filter .inline-autocomplete-container {
+.assist-filter .inline-autocomp-container {
   height: 25px;
 }
 

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

@@ -662,7 +662,7 @@ ul.errorlist {
   .nowrap-ellipsis();
 }
 
-.inline-autocomplete-container {
+.inline-autocomp-container {
   position: relative;
   border-radius: 2px;
   border: 1px solid @cui-gray-300;
@@ -674,7 +674,7 @@ ul.errorlist {
     right: 0;
     height: 30px;
 
-    .inline-autocomplete-magnify-icon {
+    .inline-autocomp-magnify-icon {
       position: absolute;
       left: 10px;
       top: 7px;
@@ -694,15 +694,15 @@ ul.errorlist {
       line-height: 15px;
       background-color: transparent;
 
-      &.inline-autocomplete-magnify-input {
+      &.inline-autocomp-magnify-input {
         padding-left: 35px;
       }
 
-      &.inline-autocomplete-input {
+      &.inline-autocomp-input {
         z-index: 2;
       }
 
-      &.inline-autocomplete-autocomplete {
+      &.inline-autocomp-autocomp {
         color: @cui-gray-500;
         outline: none;
         z-index: 1;
@@ -711,8 +711,8 @@ ul.errorlist {
   }
 }
 
-.hue-autocomplete-item:hover > a,
-.hue-autocomplete-item:focus > a {
+.hue-autocomp-item:hover > a,
+.hue-autocomp-item:focus > a {
   background-color: @cui-blue-700 !important;
 }
 
@@ -722,7 +722,7 @@ ul.errorlist {
   overflow: auto;
 }
 
-.hue-autocomplete-item {
+.hue-autocomp-item {
   a {
     display: block;
     clear: both;

+ 1 - 1
desktop/core/src/desktop/static/desktop/less/hue4.less

@@ -295,7 +295,7 @@
   position: relative;
 }
 
-.search-container-top > .inline-autocomplete-container {
+.search-container-top > .inline-autocomp-container {
   position: relative;
   margin-top: 8px;
   height: 30px;

+ 3 - 0
desktop/core/src/desktop/templates/hue.mako

@@ -167,6 +167,9 @@
 
 ${ hueIcons.symbols() }
 
+<!-- fake fields are a workaround for chrome autofill getting the wrong fields, readonly needed for 1password -->
+<input style="display:none" readonly autocomplete="false" type="text" name="fakeusernameremembered"/>
+<input style="display:none" readonly autocomplete="false" type="password" name="fakepasswordremembered"/>
 
 <div class="main-page">
   % if banner_message or conf.CUSTOM.BANNER_TOP_HTML.get():

+ 7 - 7
desktop/core/src/desktop/templates/ko_components/ko_inline_autocomplete.mako

@@ -25,25 +25,25 @@ from desktop.views import _ko
 <%def name="inlineAutocomplete()">
 
   <script type="text/html" id="inline-autocomplete-template">
-    <div class="inline-autocomplete-container">
+    <div class="inline-autocomp-container">
       <div>
         <!-- ko if: showMagnify -->
           <!-- ko ifnot: spin -->
-          <i style="top: 6px;" class="inline-autocomplete-magnify-icon fa fa-fw fa-search"></i>
+          <i style="top: 6px;" class="inline-autocomp-magnify-icon fa fa-fw fa-search"></i>
           <!-- /ko -->
           <!-- ko if: spin -->
-          <i class="inline-autocomplete-magnify-icon fa fa-fw fa-spinner fa-spin"></i>
+          <i class="inline-autocomp-magnify-icon fa fa-fw fa-spinner fa-spin"></i>
           <!-- /ko -->
         <!-- /ko-->
-        <input class="inline-autocomplete-input" autocorrect="off" autocapitalize="off" spellcheck="false" type="text" data-bind="
+        <input class="inline-autocomp-input" autocorrect="off" autocapitalize="off" spellcheck="false" type="text" data-bind="
           attr: { 'placeHolder' : hasFocus() ? '' : placeHolder },
           textInput: searchInput,
           hasFocus: hasFocus,
           clearable: { value: searchInput, onClear: onClear },
-          css: { 'inline-autocomplete-magnify-input': showMagnify }">
-        <input class="inline-autocomplete-autocomplete" disabled type="text" data-bind="
+          css: { 'inline-autocomp-magnify-input': showMagnify }">
+        <input class="inline-autocomp-autocomp" disabled type="text" data-bind="
           value: inlineAutocomplete,
-          css: { 'inline-autocomplete-magnify-input': showMagnify }">
+          css: { 'inline-autocomp-magnify-input': showMagnify }">
       </div>
     </div>
 

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


+ 3 - 3
desktop/libs/dashboard/src/dashboard/static/dashboard/less/common_dashboard.less

@@ -510,7 +510,7 @@
   }
 
   .text-widget-filter {
-    .inline-autocomplete-container {
+    .inline-autocomp-container {
       height: 25px;
     }
     input {
@@ -675,12 +675,12 @@
     }
   }
 
-  #addFacetDemiModal .inline-autocomplete-container {
+  #addFacetDemiModal .inline-autocomp-container {
     width: 220px;
     height: 30px;
   }
 
-  #addFacetDemiModal .inline-autocomplete-container .inline-autocomplete-input {
+  #addFacetDemiModal .inline-autocomp-container .inline-autocomp-input {
     width: calc(100% ~"-" 10px);
   }
 

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