10h30/ultimatemember
1
0
Fork 0
mirror of https://github.com/10h30/ultimatemember.git synced 2026-07-20 15:13:55 +09:00
Code Issues Packages Projects Releases Wiki Activity

- fixed select2 styles for RTL languages

Browse Source
This commit is contained in:
yuriinalivaiko
2022-05-28 16:47:49 +03:00
parent 66c3ca996c
commit 5ea3407957
1 changed files with 91 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/um-styles.css
+91 -56
View File
@@ -877,34 +877,40 @@ small.um-max-filesize span{
right: 10px; right: 10px;
} }
/* Customize Select2 CSS */ /*
- Customize Select2 CSS
*/
.select2-container.select2-container--open { .select2-container.select2-container--open {
z-index: 9999999; z-index: 9999999;
} }
.select2.select2-container .select2-selection { .select2.select2-container .select2-selection {
display: block !important; display: block !important;
height: 40px; height: 40px;
padding: 0 0 0 12px !important; padding: 0 0 0 12px !important;
overflow: hidden !important; overflow: hidden !important;
position: relative !important; position: relative !important;
white-space: nowrap !important; white-space: nowrap !important;
line-height: 35px !important; line-height: 35px !important;
color: #666 !important; color: #666 !important;
font-size: 15px !important; font-size: 15px !important;
text-align: left !important; text-align: left !important;
text-decoration: none !important; text-decoration: none !important;
-moz-border-radius: 2px !important; -moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important; -webkit-border-radius: 2px !important;
border-radius: 2px !important; border-radius: 2px !important;
background-clip: padding-box !important; background-clip: padding-box !important;
-webkit-touch-callout: none; -webkit-touch-callout: none;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
background: none !important; background: none !important;
background-color: #fff !important; background-color: #fff !important;
border: 1px solid #ddd !important; border: 1px solid #ddd !important;
}
.rtl .select2.select2-container .select2-selection {
padding: 0 12px 0 0 !important;
} }
.select2.select2-container .select2-selection .select2-selection__arrow { .select2.select2-container .select2-selection .select2-selection__arrow {
@@ -922,51 +928,64 @@ small.um-max-filesize span{
background: transparent !important; background: transparent !important;
border-left: 0 !important; border-left: 0 !important;
} }
.rtl .select2.select2-container .select2-selection .select2-selection__arrow {
right: initial !important;
left: 0 !important;
}
.select2.select2-container .select2-selection .select2-selection__arrow:before { .select2.select2-container .select2-selection .select2-selection__arrow:before {
content: "\f3d0" !important; content: "\f3d0" !important;
font-size: 27px !important; font-size: 28px !important;
font-family: "Ionicons" !important; font-family: "Ionicons" !important;
width: 100% !important; font-weight: normal;
display: block; display: block;
height: 100%; height: 100%;
line-height: 35px; line-height: 40px;
color: #aaaaaa; min-width: 1em;
text-align: center;
color: #aaaaaa;
} }
.select2.select2-container .select2-selection .select2-selection__arrow b[role="presentation"] { .select2.select2-container .select2-selection .select2-selection__arrow b[role="presentation"] {
display:none; display: none;
} }
.select2-container.select2-container--open .select2-dropdown { .select2-container.select2-container--open .select2-dropdown {
border: 1px solid #ddd !important; border: 1px solid #ddd !important;
border-radius: 0; border-radius: 0;
} }
.select2-container.select2-container--open .select2-dropdown .select2-results li { .select2-container.select2-container--open .select2-dropdown .select2-results li {
list-style: none; list-style: none;
display: list-item; display: list-item;
background-image: none; background-image: none;
font-size: 15px; font-size: 15px;
margin: 5px !important; margin: 5px !important;
color: #666 !important; color: #666 !important;
padding: 3px 7px 4px !important; padding: 3px 7px 4px !important;
cursor: pointer; cursor: pointer;
min-height: 1em !important; min-height: 1em !important;
} }
.select2.select2-container .select2-selection.select2-selection--multiple { .select2.select2-container .select2-selection.select2-selection--multiple {
height: auto !important; height: auto !important;
line-height: 0.8 !important; line-height: 0.8 !important;
min-height: 40px;
padding-bottom: 4px !important;
} }
.select2-container--default .select2-selection--single .select2-selection__rendered { .select2-container--default .select2-selection--single .select2-selection__rendered {
padding-left: 0 !important;
line-height: 37px; line-height: 37px;
padding-left: 0 !important;
padding-right: 24px !important;
}
.rtl .select2-container--default .select2-selection--single .select2-selection__rendered {
padding-left: 24px !important;
padding-right: 0 !important;
} }
.select2-container--default .select2-selection--multiple .select2-selection__rendered { .select2-container--default .select2-selection--multiple .select2-selection__rendered {
line-height: 37px; line-height: 37px;
box-sizing: border-box; box-sizing: border-box;
list-style: none; list-style: none;
margin: 0; margin: 0;
@@ -975,23 +994,36 @@ small.um-max-filesize span{
width: 100%; width: 100%;
font-size: 13px; font-size: 13px;
} }
.rtl .select2-container--default .select2-selection--multiple .select2-selection__rendered {
padding-left: 30px !important;
padding-right: 0 !important;
}
.select2-results li.select2-results__option.select2-results__option--highlighted { .select2-results li.select2-results__option.select2-results__option--highlighted {
background: none !important; background: none !important;
background: #f4f4f4 !important; background: #f4f4f4 !important;
color: #666 !important; color: #666 !important;
} }
.select2-container--default .select2-results__option[aria-selected="true"] { .select2-container--default .select2-results__option[aria-selected="true"] {
background-color: #ddd; background-color: #ddd;
} }
.select2-container--default .select2-selection--single .select2-selection__clear, .select2-container--default .select2-selection--single .select2-selection__clear,
.select2-container--default .select2-selection--multiple .select2-selection__clear { .select2-container--default .select2-selection--multiple .select2-selection__clear {
right: 10px;
font-size: 30px;
color: #aaaaaa !important; color: #aaaaaa !important;
font-size: 28px;
font-weight: normal;
line-height: 34px;
margin: 0 !important; margin: 0 !important;
right: 0;
text-align: center;
width: 1em;
}
.rtl .select2-container--default .select2-selection--single .select2-selection__clear,
.rtl .select2-container--default .select2-selection--multiple .select2-selection__clear {
left: 0;
right: initial;
} }
.select2-container--default .select2-selection--multiple .select2-selection__clear { .select2-container--default .select2-selection--multiple .select2-selection__clear {
@@ -999,8 +1031,13 @@ small.um-max-filesize span{
} }
.select2-container--default .select2-selection--multiple .select2-selection__choice { .select2-container--default .select2-selection--multiple .select2-selection__choice {
margin: 5px 5px 0 0;
padding: 3px 3px 3px 5px; padding: 3px 3px 3px 5px;
} }
.rtl .select2-container--default .select2-selection--multiple .select2-selection__choice{
margin: 5px 0 0 5px;
padding: 3px 5px 3px 3px;
}
.um .um-form .select2-container .select2-search.select2-search--inline > input { .um .um-form .select2-container .select2-search.select2-search--inline > input {
border: none !important; border: none !important;
@@ -1013,6 +1050,8 @@ small.um-max-filesize span{
text-overflow: ellipsis; text-overflow: ellipsis;
max-width: 100%; max-width: 100%;
box-sizing: border-box; box-sizing: border-box;
line-height: 20px;
max-height: 28px;
} }
/* /*
@@ -1042,10 +1081,6 @@ small.um-max-filesize span{
/*width: 100% !important;*/ /*width: 100% !important;*/
/*}*/ /*}*/
/* @todo maybe deprecated and used only for select and multiselect */ /* @todo maybe deprecated and used only for select and multiselect */
.um-field-select .um-field-area .um-field-icon, .um-field-select .um-field-area .um-field-icon,
.um-field-multiselect .um-field-area .um-field-icon { .um-field-multiselect .um-field-area .um-field-icon {