[ACS-8378] Fixed inputs having fill styling throughout ACA (#3944)

* [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
Alfresco · Aug 6, 2024 · b404404 · b404404
1 parent 4f6f89d
commit b404404
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 2 deletions.
diff --git a/...ntent/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.html b/...ntent/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.html
@@ -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>

diff --git a/...ntent/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.scss b/...ntent/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.scss
@@ -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 {

diff --git a/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.scss b/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.scss
@@ -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;

diff --git a/projects/aca-content/src/lib/ui/theme.scss b/projects/aca-content/src/lib/ui/theme.scss
@@ -22,7 +22,7 @@ mat-icon {
   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;
 }