RetailCRM-Mirror/select2
1
0
Fork 0
mirror of synced 2024-11-23 05:26:10 +03:00
Code Issues Projects Releases Wiki Activity

Styling fixes for RTL direction

Browse Source 
* Align the selects to the right
* Place the close button on the left to not cover parts of the label.
This commit is contained in:
Khaled Hosny 2013-11-04 08:07:39 +02:00
parent 9187ab0c12
commit 39f9fc79a5
1 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
select2.css
View File

@ -460,6 +460,10 @@ disabled look for disabled choices in the results dropdown
float: left; float: left;
list-style: none; list-style: none;
} }
html[dir="rtl"] .select2-container-multi .select2-choices li
{
float: right;
}
.select2-container-multi .select2-choices .select2-search-field { .select2-container-multi .select2-choices .select2-search-field {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -518,6 +522,11 @@ disabled look for disabled choices in the results dropdown
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
} }
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
{
margin-left: 0;
margin-right: 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen { .select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
cursor: default; cursor: default;
} }
@ -537,6 +546,10 @@ disabled look for disabled choices in the results dropdown
outline: none; outline: none;
background: url('select2.png') right top no-repeat; background: url('select2.png') right top no-repeat;
} }
html[dir="rtl"] .select2-search-choice-close {
right: auto;
left: 3px;
}
.select2-container-multi .select2-search-choice-close { .select2-container-multi .select2-search-choice-close {
left: 3px; left: 3px;