fix: use custom CSS property for text-area readonly border (#7624) (#7626)

vaadin-bot · web-padawan · web-flow · commit 0e40bcdf960e · 2024-08-09T10:55:34.000+03:00
Co-authored-by: Serhii Kulykov &lt;iamkulykov@gmail.com&gt;
diff --git a/packages/text-area/theme/lumo/vaadin-text-area-styles.js b/packages/text-area/theme/lumo/vaadin-text-area-styles.js
@@ -30,7 +30,7 @@ const textArea = css`
   }
 
   :host([readonly]) [part='input-field'] {
-    border: 1px dashed var(--lumo-contrast-30pct);
+    border: var(--vaadin-input-field-readonly-border, 1px dashed var(--lumo-contrast-30pct));
   }
 
   :host([readonly]) [part='input-field']::after {

Original file line number	Diff line number	Diff line change
@@ -30,7 +30,7 @@ const textArea = css`
`30`	`30`	`}`
`31`	`31`
`32`	`32`	`:host([readonly]) [part='input-field'] {`
`33`		`- border: 1px dashed var(--lumo-contrast-30pct);`
	`33`	`+ border: var(--vaadin-input-field-readonly-border, 1px dashed var(--lumo-contrast-30pct));`
`34`	`34`	`}`
`35`	`35`
`36`	`36`	`:host([readonly]) [part='input-field']::after {`