Skip to content

Commit

Permalink
[ACS-8378] Fixed inputs having fill styling throughout ACA (#3944)
Browse files Browse the repository at this point in the history
* [ACS-8378] Mat form fields now have white background instead of grey

* [ACS-8378] Fixed issue where the background of the boolean mode control dropdown was appearing as white when in condition groups. Labels in create rules window are now black
  • Loading branch information
swapnil-verma-gl authored and VitoAlbano committed Oct 2, 2024
1 parent b46e4b6 commit 5feed38
Show file tree
Hide file tree
Showing 4 changed files with 11 additions and 2 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
</mat-select>
</mat-form-field>

<mat-form-field *ngIf="i > 0" subscriptSizing="dynamic">
<mat-form-field *ngIf="i > 0" subscriptSizing="dynamic" class="aca-rule-composite-condition__boolean-mode-control">
<mat-select
[formControl]="booleanModeControl">
<mat-option value="and">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LOGIC_OPERATORS.AND' | translate }}</mat-option>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,14 @@
& > :nth-child(2) {
flex: 1;
}

.aca-rule-composite-condition__boolean-mode-control #{$mat-form-field-wrapper} {
background-color: unset;

#{$mat-select-disabled} {
color: var(--adf-theme-foreground-text-color);
}
}
}

&__no-conditions {
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,7 @@
& > label,
& > .aca-label {
font-weight: bold;
color: var(--adf-theme-foreground-text-color);
width: 20%;
min-width: 100px;
max-width: 150px;
Expand Down
2 changes: 1 addition & 1 deletion projects/aca-content/src/lib/ui/theme.scss
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ mat-toolbar {
color: var(--theme-secondary-text);
}

#{$mat-text-field-filled}:not(#{$mat-text-field-disabled})#{$mat-form-field-wrapper} {
#{$mat-form-field} #{$mat-form-field-wrapper}#{$mat-text-field-filled}:not(#{$mat-text-field-disabled}) {
background-color: transparent;
padding: 0;
}
Expand Down

0 comments on commit 5feed38

Please sign in to comment.