refactor: add missing readOnly button styles

mgadewoll · mgadewoll · commit 56422e13ba93 · 2026-01-15T10:23:22.000+01:00
diff --git a/packages/eui/src/components/form/form_control_layout/form_control_layout.styles.ts b/packages/eui/src/components/form/form_control_layout/form_control_layout.styles.ts
@@ -23,6 +23,8 @@ import { euiFormControlFocusStyles, euiFormVariables } from '../form.styles';
 
 export const buttonSelectors =
   '*:is(.euiButton, .euiButtonEmpty, .euiButtonIcon, .euiFormAppend, .euiFormPrepend)';
+const emptyButtonSelectors =
+  '*:is(.euiButtonEmpty, .euiButtonIcon:not([class*="fill"]))';
 export const textSelectors = '*:is(.euiFormLabel, .euiText)';
 export const appendPrependSelectors = '*:is(.euiFormAppend, .euiFormPrepend)';
 
@@ -335,14 +337,20 @@ export const euiFormControlLayoutSideNodeStyles = (
         color: ${form.textColorDisabled};
       }
 
-      *:is(.euiButtonEmpty, .euiButtonIcon:not([class*='fill'])):not(
+      ${emptyButtonSelectors}:not(
           ${euiDisabledSelector}
         ) {
         background-color: ${form.backgroundColor};
       }
     `,
     readOnly: css`
       background-color: ${form.backgroundDisabledColor};
+
+      ${emptyButtonSelectors}:not(
+          ${euiDisabledSelector}
+        ) {
+        background-color: ${form.backgroundColor};
+      }
     `,
   };
 };
