Skip to content

Commit 31b2b03

Browse files
PejmanNikDamian Dulisz
authored and
Damian Dulisz
committed
Add RTL support (shentao#419)
* Add RTL support
1 parent 74d7d8b commit 31b2b03

File tree

2 files changed

+33
-1
lines changed

2 files changed

+33
-1
lines changed

dist/vue-multiselect.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/Multiselect.vue

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -661,6 +661,38 @@ fieldset[disabled] .multiselect {
661661
display: inline-block
662662
}
663663
664+
*[dir="rtl"] .multiselect {
665+
text-align: right;
666+
}
667+
668+
*[dir="rtl"] .multiselect__select {
669+
right: auto;
670+
left: 1px;
671+
}
672+
673+
*[dir="rtl"] .multiselect__tags {
674+
padding: 8px 8px 0px 40px;
675+
}
676+
677+
*[dir="rtl"] .multiselect__content {
678+
text-align: right;
679+
}
680+
681+
*[dir="rtl"] .multiselect__option:after {
682+
right: auto;
683+
left: 0;
684+
}
685+
686+
*[dir="rtl"] .multiselect__clear {
687+
right: auto;
688+
left: 12px;
689+
}
690+
691+
*[dir="rtl"] .multiselect__spinner {
692+
right: auto;
693+
left: 1px;
694+
}
695+
664696
@keyframes spinning {
665697
from { transform:rotate(0) }
666698
to { transform:rotate(2turn) }

0 commit comments

Comments
 (0)