From 597f2b287ebeb343b6b3c314bccb68bc1b6940db Mon Sep 17 00:00:00 2001
From: alistair3149 <alistair3149@users.noreply.github.com>
Date: Thu, 18 Jun 2020 17:17:50 -0400
Subject: [PATCH] Fix RTL search toggle icon (#147)

* Fix RTL search toggle icon

* Make a dinner reservation - MediaWiki CI

I clean up code to MediaWiki standards

Co-authored-by: github-actions <github-actions@users.noreply.github.com>
---
 resources/skins.citizen.styles/Searchbox.less | 58 +++++++++++++++++++
 1 file changed, 58 insertions(+)

diff --git a/resources/skins.citizen.styles/Searchbox.less b/resources/skins.citizen.styles/Searchbox.less
index e45d9a9e..5a29f1a8 100644
--- a/resources/skins.citizen.styles/Searchbox.less
+++ b/resources/skins.citizen.styles/Searchbox.less
@@ -188,6 +188,64 @@
 	}
 }
 
+// RTL styles
+.rtl {
+	#search {
+		&form {
+			/* @noflip */
+			right: unset !important;
+			/* @noflip */
+			left: 10px !important;
+		}
+
+		&-toggle {
+			&-icon {
+				&-1 {
+					transform: rotate( 45deg );
+				}
+
+				&-2 {
+					transform: rotate( 45deg );
+				}
+
+				&-3 {
+					transform: rotate( 135deg );
+				}
+			}
+
+			&:checked {
+				~ #search-toggle-icon {
+					#search-toggle-icon {
+						&-1 {
+							transform: translate( -5px, -7px ) rotate( -135deg );
+						}
+					}
+				}
+
+				&:hover {
+					~ #search-toggle-icon {
+						#search-toggle-icon {
+							&-1 {
+								transform: translate( -5px, -7px ) rotate( -135deg );
+							}
+						}
+					}
+				}
+			}
+
+			&:hover {
+				~ #search-toggle-icon {
+					#search-toggle-icon {
+						&-1 {
+							transform: translate( 2px, 2px ) rotate( 45deg );
+						}
+					}
+				}
+			}
+		}
+	}
+}
+
 @media ( max-width: @search-bar-width ) {
 	#searchform:before {
 		content: '';