feat(ui5-rating-indicator): SAP Horizon theme implementation (#4173)

niyap · web-flow · commit daba3f0390d1 · 2021-10-26T15:36:41.000+03:00
* feat(ui5-rating-indicator): SAP Horizon theme implementation

* opacity enhaanced
diff --git a/packages/main/src/themes/RatingIndicator.css b/packages/main/src/themes/RatingIndicator.css
@@ -5,7 +5,7 @@
 }
 
 :host([disabled]) {
-	opacity: .6;
+	opacity: .4;
 	cursor: initial;
 	outline: none;
 }
@@ -19,7 +19,8 @@
 }
 
 :host([_focused]) {
-	outline: 1px dotted var(--sapContent_FocusColor);
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+	border-radius: var(--_ui5_rating_indicator_border_radius);
 }
 
 .ui5-rating-indicator-root {
diff --git a/packages/main/src/themes/base/RatingIndicator-parameters.css b/packages/main/src/themes/base/RatingIndicator-parameters.css
@@ -0,0 +1,3 @@
+:root {
+	--_ui5_rating_indicator_border_radius: 0px;
+}
diff --git a/packages/main/src/themes/sap_horizon/RatingIndicator-parameters.css b/packages/main/src/themes/sap_horizon/RatingIndicator-parameters.css
@@ -0,0 +1,3 @@
+:root {
+	--_ui5_rating_indicator_border_radius: 0.25rem;
+}
diff --git a/packages/main/src/themes/sap_horizon/parameters-bundle.css b/packages/main/src/themes/sap_horizon/parameters-bundle.css
@@ -21,6 +21,7 @@
 @import "../base/PopupsCommon-parameters.css";
 @import "../base/ProgressIndicator-parameters.css";
 @import "../base/RadioButton-parameters.css";
+@import "./RatingIndicator-parameters.css";
 @import "../base/Select-parameters.css";
 @import "../base/Switch-parameters.css";
 @import "./TabContainer-parameters.css";

Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@`
`5`	`5`	`}`
`6`	`6`
`7`	`7`	`:host([disabled]) {`
`8`		`- opacity: .6;`
	`8`	`+ opacity: .4;`
`9`	`9`	`cursor: initial;`
`10`	`10`	`outline: none;`
`11`	`11`	`}`
`@@ -19,7 +19,8 @@`
`19`	`19`	`}`
`20`	`20`
`21`	`21`	`:host([_focused]) {`
`22`		`- outline: 1px dotted var(--sapContent_FocusColor);`
	`22`	`+ outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);`
	`23`	`+ border-radius: var(--_ui5_rating_indicator_border_radius);`
`23`	`24`	`}`
`24`	`25`
`25`	`26`	`.ui5-rating-indicator-root {`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+:root {`
	`2`	`+ --_ui5_rating_indicator_border_radius: 0px;`
	`3`	`+}`