fix(ui5-panel): rotate button counterclockwise in RTL mode (#4470)

SAP · Dec 13, 2021 · d3f6e39 · d3f6e39
1 parent d742501
commit d3f6e39
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/packages/main/src/Panel.hbs b/packages/main/src/Panel.hbs
@@ -3,6 +3,7 @@
 	class="ui5-panel-root"
 	role="{{accRole}}"
 	aria-label="{{effectiveAccessibleName}}"
+	dir="{{effectiveDir}}"
 >
 	<!-- header: either header or h1 with header text -->
 	<div

diff --git a/packages/main/src/themes/Panel.css b/packages/main/src/themes/Panel.css
@@ -58,6 +58,10 @@
 	transform: rotate(90deg);
 }
 
+:host(:not([collapsed])) [dir="rtl"] .ui5-panel-header-button {
+	transform: rotate(-90deg);
+}
+
 :host([fixed]) .ui5-panel-header-title {
 	width: 100%;
 }