fix(ui5-textarea): set italic to placeholder only (#2458)

ilhan007 · web-flow · commit aeb93167c0b2 · 2020-11-11T11:03:51.000+02:00
diff --git a/packages/main/src/themes/TextArea.css b/packages/main/src/themes/TextArea.css
@@ -39,9 +39,6 @@
 	outline-offset: -4px;
 }
 
-:host([placeholder]) {
-	font-style: italic;
-}
 
 .ui5-textarea-root {
 	height: 100%;
@@ -114,21 +111,25 @@
 
 .ui5-textarea-inner::-webkit-input-placeholder {
 	/* Chrome/Opera/Safari */
+	font-style: italic;
 	color: var(--sapField_PlaceholderTextColor);
 }
 
 .ui5-textarea-inner::-moz-placeholder {
 	/* Firefox 19+ */
+	font-style: italic;
 	color: var(--sapField_PlaceholderTextColor);
 }
 
 .ui5-textarea-inner:-ms-input-placeholder {
 	/* IE 10+ */
+	font-style: italic;
 	color: var(--sapField_PlaceholderTextColor);
 }
 
 .ui5-textarea-inner:-moz-placeholder {
 	/* Firefox 18- */
+	font-style: italic;
 	color: var(--sapField_PlaceholderTextColor);
 }
 

Original file line number	Diff line number	Diff line change
`@@ -39,9 +39,6 @@`
`39`	`39`	`outline-offset: -4px;`
`40`	`40`	`}`
`41`	`41`
`42`		`-:host([placeholder]) {`
`43`		`- font-style: italic;`
`44`		`-}`
`45`	`42`
`46`	`43`	`.ui5-textarea-root {`
`47`	`44`	`height: 100%;`
`@@ -114,21 +111,25 @@`
`114`	`111`
`115`	`112`	`.ui5-textarea-inner::-webkit-input-placeholder {`
`116`	`113`	`/* Chrome/Opera/Safari */`
	`114`	`+ font-style: italic;`
`117`	`115`	`color: var(--sapField_PlaceholderTextColor);`
`118`	`116`	`}`
`119`	`117`
`120`	`118`	`.ui5-textarea-inner::-moz-placeholder {`
`121`	`119`	`/* Firefox 19+ */`
	`120`	`+ font-style: italic;`
`122`	`121`	`color: var(--sapField_PlaceholderTextColor);`
`123`	`122`	`}`
`124`	`123`
`125`	`124`	`.ui5-textarea-inner:-ms-input-placeholder {`
`126`	`125`	`/* IE 10+ */`
	`126`	`+ font-style: italic;`
`127`	`127`	`color: var(--sapField_PlaceholderTextColor);`
`128`	`128`	`}`
`129`	`129`
`130`	`130`	`.ui5-textarea-inner:-moz-placeholder {`
`131`	`131`	`/* Firefox 18- */`
	`132`	`+ font-style: italic;`
`132`	`133`	`color: var(--sapField_PlaceholderTextColor);`
`133`	`134`	`}`
`134`	`135`