feat(ui5-breadcrumbs): implement Horizon theme (#5066)

* feat(ui5-breadcrumbs): implement Horizon theme Related to: #5008
SAP · Apr 27, 2022 · 34c9d91 · 34c9d91
1 parent 3a13acf
commit 34c9d91
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 4 deletions.
diff --git a/packages/base/hash.txt b/packages/base/hash.txt
@@ -1 +1 @@
-sKtI8to12A73DxsbDoXwWKS8MWo=
+g/MdibSc8U2nmIVx4FgakPMj5bI=
diff --git a/packages/main/src/themes/Breadcrumbs.css b/packages/main/src/themes/Breadcrumbs.css
@@ -25,8 +25,8 @@
 }
 
 .ui5-breadcrumbs-current-location > span:focus {
-	outline-offset: -1px;
-	outline: 1px dotted var(--sapContent_FocusColor);
+    outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+    border-radius: var(--_ui5_breadcrumbs_current_location_focus_border_radius);
 }
 
 .ui5-breadcrumbs-dropdown-arrow-link-wrapper[hidden] {
@@ -41,6 +41,10 @@
     color: var(--sapLinkColor);
 }
 
+.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-link][focused] [ui5-icon] {
+    color: var(--_ui5_link_focus_color);
+}
+
 .ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-icon]::before {
     content: "...";
     vertical-align: middle;

diff --git a/packages/main/src/themes/sap_horizon/Breadcrumbs-parameters.css b/packages/main/src/themes/sap_horizon/Breadcrumbs-parameters.css
@@ -0,0 +1,3 @@
+:root {
+	--_ui5_breadcrumbs_current_location_focus_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
@@ -2,6 +2,7 @@
 @import "../base/rtl-parameters.css";
 @import "./Avatar-parameters.css";
 @import "../base/Badge-parameters.css";
+@import "./Breadcrumbs-parameters.css";
 @import "../base/BrowserScrollbar-parameters.css";
 @import "./BusyIndicator-parameters.css";
 @import "./Button-parameters.css";

diff --git a/packages/main/src/themes/sap_horizon_dark/Breadcrumbs-parameters.css b/packages/main/src/themes/sap_horizon_dark/Breadcrumbs-parameters.css
@@ -0,0 +1,3 @@
+:root {
+	--_ui5_breadcrumbs_current_location_focus_border_radius: 0.25rem;
+}
diff --git a/packages/main/src/themes/sap_horizon_dark/parameters-bundle.css b/packages/main/src/themes/sap_horizon_dark/parameters-bundle.css
@@ -2,6 +2,7 @@
 @import "../base/rtl-parameters.css";
 @import "./Avatar-parameters.css";
 @import "../base/Badge-parameters.css";
+@import "./Breadcrumbs-parameters.css";
 @import "../base/BrowserScrollbar-parameters.css";
 @import "./BusyIndicator-parameters.css";
 @import "./Button-parameters.css";

diff --git a/packages/theming/hash.txt b/packages/theming/hash.txt
@@ -1 +1 @@
-jTxjP4q8ZYzq4ZcbwLrh2rt5ZuI=
+5cRcd16xPQ6SL0cTQosGtwcesyE=
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		sKtI8to12A73DxsbDoXwWKS8MWo=
		g/MdibSc8U2nmIVx4FgakPMj5bI=
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		jTxjP4q8ZYzq4ZcbwLrh2rt5ZuI=
		5cRcd16xPQ6SL0cTQosGtwcesyE=