Skip to content
This repository has been archived by the owner on Jan 24, 2023. It is now read-only.

Remove the yellow autocomplete background in dark form fields #1372

Merged
merged 7 commits into from Nov 16, 2017
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
Expand Up @@ -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) {
Expand Down
22 changes: 13 additions & 9 deletions 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;
}
}
}