StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-29 16:45:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix RTL search toggle icon (#147)

Browse source 
* 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
1 changed files with 58 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
resources/skins.citizen.styles/Searchbox.less
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: '';