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

* feat(ui5-rating-indicator): SAP Horizon theme implementation * opacity enhaanced
SAP · Oct 26, 2021 · daba3f0 · daba3f0
1 parent 7026564
commit daba3f0
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 2 deletions.
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";