Add RTL direction support (#21)

MrBartusek · Jun 26, 2023 · 4e5f7f7 · 4e5f7f7
1 parent d4908d3
commit 4e5f7f7
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/GifPickerReact.css b/src/GifPickerReact.css
@@ -16,7 +16,7 @@
 
     /* Search */
     --gpr-search-input-bg-color-active: var(--gpr-search-input-bg-color);
-    --gpr-search-input-padding: 0 30px;
+    --gpr-search-input-padding: 0 32px;
     --gpr-search-input-border-radius: 8px;
     --gpr-search-input-height: 40px;
     --gpr-search-input-text-color: var(--gpr-text-color);

diff --git a/src/components/header/Search.tsx b/src/components/header/Search.tsx
@@ -29,6 +29,7 @@ function Search(): JSX.Element {
 				className="gpr-search"
 				data-testid="gpr-search-input"
 				type="text"
+				dir="auto"
 				maxLength={500}
 				value={pickerContext.searchTerm}
 				onChange={onChange}