mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-26 07:15:37 +00:00
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:
parent
97c820c002
commit
597f2b287e
|
@ -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: '';
|
||||
|
|
Loading…
Reference in a new issue