- fixed select2 styles;

- fixed icon selector inside the extensions;
This commit is contained in:
Mykyta Synelnikov
2023-11-14 13:09:00 +02:00
parent f0a16ea2fb
commit ddeb941d0c
15 changed files with 234 additions and 332 deletions
+19 -106
View File
@@ -42,14 +42,6 @@
overflow: auto;
border: 1px solid #a1a1a1; }
.um-form-table .um-forms-line td .select2 {
margin: 1px 0 0 0; }
.um-form-table .um-forms-line td .select2 .select2-selection__rendered {
line-height: 26px; }
.um-form-table .um-forms-line td .select2 .select2-selection__clear {
top: -1px;
margin-right: 0; }
.um-form-table .um-forms-line[data-field_type="same_page_update"] {
vertical-align: baseline; }
.um-form-table .um-forms-line[data-field_type="same_page_update"] th,
@@ -355,103 +347,24 @@ input[type="number"].um-forms-field {
padding: 2px 4px !important;
border-width: 1px !important; }
body.um-admin .select2.select2-container .select2-selection {
display: block !important;
height: 28px !important;
padding: 0 0 0 12px !important;
overflow: hidden !important;
position: relative !important;
white-space: nowrap !important;
line-height: 25px !important;
color: #666 !important;
font-size: 13px !important;
text-align: left !important;
text-decoration: none !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
border-radius: 2px !important;
background-clip: padding-box !important;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #fff none !important;
border: 1px solid #ddd !important; }
body.um-admin .select2.select2-container .select2-selection .select2-selection__arrow {
display: inline-block !important;
width: 34px !important;
height: 100% !important;
position: absolute !important;
right: 0 !important;
top: 0 !important;
-moz-border-radius: 0 2px 2px 0 !important;
-webkit-border-radius: 0 2px 2px 0 !important;
border-radius: 0 2px 2px 0 !important;
background-clip: padding-box !important;
text-align: center !important;
background: transparent !important;
border-left: 0 !important; }
body.um-admin .select2.select2-container .select2-selection .select2-selection__arrow b[role="presentation"] {
display: none; }
body.um-admin .select2.select2-container .select2-selection .select2-selection__arrow b[role="presentation"]:before {
content: "\f3d0" !important;
font-size: 27px !important;
font-family: "Ionicons" !important;
width: 100% !important;
display: block;
height: 100%;
line-height: 28px;
color: #aaaaaa; }
body.um-admin .select2.select2-container .select2-search--inline {
line-height: 37px !important; }
body.um-admin .select2.select2-container--open .select2-dropdown {
border: 1px solid #ddd !important; }
body.um-admin .select2-results li {
list-style: none;
display: list-item;
background-image: none;
font-size: 13px;
margin: 5px !important;
padding: 3px 0 !important;
color: #666 !important; }
body.um-admin .select2-results li.select2-results__option.select2-results__option--highlighted {
background: none !important;
background: #f4f4f4 !important;
color: #666 !important; }
body.um-admin .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 25px; }
body.um-admin .select2-container--default .select2-selection--multiple {
height: auto !important; }
body.um-admin .select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
margin-top: 0;
margin-right: 5px;
font-size: 25px; }
body.um-admin .select2-container--default .select2-results__option[aria-selected="true"] {
background: transparent !important; }
body.um-admin .select2-selection__clear {
right: 10px;
font-size: 25px;
color: #aaaaaa !important;
font-weight: 300 !important; }
body.um-admin .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
line-height: 20px;
span.um-admin-icon-value {
margin: 0 10px;
font-size: 13px; }
span.um-admin-icon-value i {
font-size: 28px;
color: #0085ba;
position: relative;
top: 5px; }
body.um-admin .select2-drop-active {
z-index: 99999 !important; }
span.um-admin-icon-clear {
display: none;
cursor: pointer;
position: relative;
color: #ccc; }
span.um-admin-icon-clear.show {
display: inline-block; }
span.um-admin-icon-clear:hover {
color: #777; }
span.um-admin-icon-clear i {
font-size: 20px;
vertical-align: middle; }