Merge pull request #1372 from SUSE/fix-autocomplete-background

Remove the yellow autocomplete background in dark form fields

components/cloud-foundry/frontend/src/view/applications/list/list.module.js

@@ -33,7 +33,7 @@
    * deploy, etc)
    * @param {appLocalStorage} appLocalStorage - service provides access to the local storage facility of the web browser
    * @param {appBusyService} appBusyService - the application busy service
-   * 
+   *
    */
   function ApplicationsListController($scope, $translate, $state, $timeout, $q, $window, modelManager, appErrorService,
     appUtilsService, cfOrganizationModel, cfAppWallActions, appLocalStorage, appBusyService) {

components/suse-branding/src/dark-form.scss

@@ -1,31 +1,35 @@
 @mixin dark-form() {
   .form-group {
-    background-color: $suse-secondary;
-    // We override the border color in all cases, so we also need to ensure the focus z-index overrides the
-    // error z-index (see focus below)
+    background-color: $suse-secondary; // We override the border color in all cases, so we also need to ensure the focus z-index overrides the error z-index (see focus below)
     border-color: $login-form-border-color;
     color: $suse-text;
-
     &.focus {
       border-color: $suse-primary;
     }
-
-    .control-label, .checkbox-input, .checkbox-input.checked .checkbox-input-label {
+    .control-label,
+    .checkbox-input,
+    .checkbox-input.checked .checkbox-input-label {
       color: darken($suse-text, 10%);
     }
-
     input {
       color: $suse-text;
       text-shadow: 0 0 0 $suse-text;
       -webkit-text-fill-color: $suse-text;
     }
-
     search-box {
       .dropdown-menu {
         border-color: $login-form-border-color;
         background: $suse-secondary;
       }
     }
+    input, // include base elements to avoid blip when selecting auto-complete value from drop down
+    textarea,
+    select,
+     :-webkit-autofill,
+     :-webkit-autofill:hover,
+     :-webkit-autofill:focus {
+      box-shadow: 0 0 0px 1000px $suse-secondary inset !important;
+      -webkit-box-shadow: 0 0 0px 1000px $suse-secondary inset !important;
+    }
   }
 }
-