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 ) {
|
@media ( max-width: @search-bar-width ) {
|
||||||
#searchform:before {
|
#searchform:before {
|
||||||
content: '';
|
content: '';
|
||||||
|
|
Loading…
Reference in a new issue