Merge pull request #8325 from infor-design/8208-cap-rtl

8208 - Fixed alignments of searchfield icons in RTL

docs/CHANGELOG.md

@@ -6,6 +6,7 @@
 
 ## v4.92.0 Fixes
 
+- `[Contextual Action Panel]` Fixed alignments of searchfield icons in RTL. ([#8208](https://github.com/infor-design/enterprise/issues/8208))
 - `[Locale]` Changed all `zh` locales time format as suggested by native speakers. ([#8313](https://github.com/infor-design/enterprise/issues/8313))
 - `[Modal]` Fixed a bug where the modal would shift up when toggling a switch inside of it. ([#8018](https://github.com/infor-design/enterprise/issues/8018))
 - `[Process Indicator]` Adjusted alignment of icon in compact process indicator. ([#8241](https://github.com/infor-design/enterprise/issues/8241))

src/components/toolbar/_toolbar-new.scss

@@ -122,4 +122,4 @@
       height: auto;
     }
   }
-}
+}

src/components/toolbar/_toolbar.scss

@@ -493,6 +493,26 @@ html[dir='rtl'] {
         }
       }
     }
+
+    &:not(.standalone) .searchfield-wrapper.toolbar-searchfield-wrapper:not(.has-categories):not(.is-open) {
+      input {
+        padding-left: 31px;
+      }
+
+      .icon:not(.icon-dropdown) {
+        right: 9px;
+      }
+
+      &.has-text {
+        input {
+          padding-left: 19px;
+        }
+
+        .icon:not(.icon-dropdown) {
+          right: 71px;
+        }
+      }
+    }
   }
 }