fix: direction of navigation link chevron in RTL mode for Design Toolbox (#553) (#567)

Signed-off-by: Pierre-Yves Lapersonne <[email protected]>

Author: pylapp

CHANGELOG.md

@@ -23,6 +23,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
+- [DesignToolbox] Chevron for navigation link pointing to bad direction in RTL mode ([#553](https://github.com/Orange-OpenSource/ouds-ios/issues/553))
 - [DesignToolbox] Broken wording in radio button page
 - [DesignToolbox] Update Checkbox and Radio button assets on the screen of component list ([#519](https://github.com/Orange-OpenSource/ouds-ios/issues/519))
 

DesignToolbox/DesignToolbox/Pages/Utils/Elements/DesignToolboxVariantElement.swift

@@ -19,6 +19,7 @@ struct DesignToolboxVariantElement: View {
 
     @Environment(\.theme) private var theme
     @Environment(\.colorScheme) private var colorScheme
+    @Environment(\.layoutDirection) private var layoutDirection
 
     // MARK: Stored properties
 
@@ -41,8 +42,9 @@ struct DesignToolboxVariantElement: View {
                     Spacer()
                     Image(systemName: "chevron.right")
                         .foregroundColor(theme.colors.colorContentDefault.color(for: colorScheme))
-                        .padding(.trailing, theme.spaces.spaceFixedMedium)
+                        .padding(layoutDirection == .rightToLeft ? .leading : .trailing, theme.spaces.spaceFixedMedium)
                         .accessibilityHidden(true)
+                        .scaleEffect(layoutDirection == .rightToLeft ? -1 : 1, anchor: .center)
                 }
             }
         }