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>
This commit is contained in:
alistair3149 2020-06-18 17:17:50 -04:00
parent 97c820c002
commit 597f2b287e

View file

@ -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 ) { @media ( max-width: @search-bar-width ) {
#searchform:before { #searchform:before {
content: ''; content: '';