- 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
-10
View File
@@ -3,13 +3,3 @@
float: right; }
.um-form-fields-section label input {
float: right; }
.select2-container .select2-choice > .select2-chosen {
text-align: right !important;
margin-right: 10px !important;
margin-left: 26px !important; }
.select2-container .select2-choice .select2-arrow {
border: none !important;
right: auto !important;
left: 0 !important; }
+1 -1
View File
@@ -1 +1 @@
.um-form-fields-section{padding:0 0 0 10px;float:right}.um-form-fields-section label input{float:right}.select2-container .select2-choice>.select2-chosen{text-align:right!important;margin-right:10px!important;margin-left:26px!important}.select2-container .select2-choice .select2-arrow{border:none!important;right:auto!important;left:0!important}
.um-form-fields-section{padding:0 0 0 10px;float:right}.um-form-fields-section label input{float:right}
+10 -10
View File
@@ -5,13 +5,13 @@
input
float: right
.select2-container
.select2-choice
& > .select2-chosen
text-align: right !important
margin-right: 10px !important
margin-left: 26px !important
.select2-arrow
border: none !important
right: auto !important
left: 0 !important
//.select2-container
// .select2-choice
// & > .select2-chosen
// text-align: right !important
// margin-right: 10px !important
// margin-left: 26px !important
// .select2-arrow
// border: none !important
// right: auto !important
// left: 0 !important
+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; }
+1 -1
View File
File diff suppressed because one or more lines are too long
+133 -107
View File
@@ -46,13 +46,19 @@
height: 150px
overflow: auto
border: 1px solid #a1a1a1
.select2
margin: 1px 0 0 0
.select2-selection__rendered
line-height: 26px
.select2-selection__clear
top: -1px
margin-right: 0
//.select2
// margin: 1px 0 0 0
// .select2-selection__rendered
// line-height: 28px
// padding: 0
// color: #2c3338
// .select2-selection__clear
// margin-right: 0
// right: 5px
// font-size: 24px
// color: #2c3338 !important
// font-weight: 300 !important
// top: -2px
&[data-field_type="same_page_update"]
vertical-align: baseline
@@ -365,104 +371,124 @@ input[type="number"]
padding: 2px 4px !important
border-width: 1px !important
body.#{$prefix}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
.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
b[role="presentation"]
display: none
&:before
content: "\f3d0" !important
font-size: 27px !important
font-family: "Ionicons" !important
width: 100% !important
display: block
height: 100%
line-height: 28px
color: #aaaaaa
.select2-search--inline
line-height: 37px !important
&.select2-container--open
.select2-dropdown
border: 1px solid #ddd !important
.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
&.select2-results__option
&.select2-results__option--highlighted
background: none !important
background: #f4f4f4 !important
color: #666 !important
.select2-container--default
.select2-selection--single
.select2-selection__rendered
line-height: 25px
.select2-selection--multiple
height: auto !important
.select2-selection__clear
cursor: pointer
float: right
margin-top: 0
margin-right: 5px
font-size: 25px
.select2-results__option[aria-selected="true"]
background: transparent !important
.select2-selection__clear
right: 10px
font-size: 25px
color: #aaaaaa !important
font-weight: 300 !important
.select2-selection--multiple
.select2-selection__rendered
box-sizing: border-box
list-style: none
margin: 0
padding: 0
width: 100%
line-height: 20px
font-size: 13px
//body.#{$prefix}admin
// .select2
// &.select2-container
// .select2-selection
// width: 100%
// display: block !important
// min-height: 30px !important
// padding: 0 0 0 8px !important
// margin: 0 1px !important
// overflow: hidden !important
// position: relative !important
// white-space: nowrap !important
// color: #2c3338 !important
// font-size: 14px !important
// line-height: 2 !important
// text-align: left !important
// text-decoration: none !important
// +border-radius(3px,3px,3px,3px)
// 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 #8c8f94 !important
// .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
// b[role="presentation"]
// display: none
// &:before
// content: "\f3d0" !important
// font-size: 27px !important
// font-family: "Ionicons" !important
// width: 100% !important
// display: block
// height: 100%
// line-height: 28px
// color: #aaaaaa
// .select2-search--inline
// line-height: 37px !important
// &.select2-container--open
// .select2-dropdown
// border: 1px solid #ddd !important
// .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
// &.select2-results__option
// &.select2-results__option--highlighted
// background: none !important
// background: #f4f4f4 !important
// color: #666 !important
// .select2-container--default
// .select2-selection--multiple
// height: auto !important
// .select2-selection__clear
// cursor: pointer
// float: right
// margin-top: 0
// margin-right: 5px
// font-size: 25px
// .select2-results__option[aria-selected="true"]
// background: transparent !important
// .select2-selection__clear
// right: 5px
// font-size: 24px
// color: #555 !important
// font-weight: 300 !important
// top: -2px
// .select2-selection--multiple
// .select2-selection__rendered
// box-sizing: border-box
// list-style: none
// margin: 0
// padding: 0
// width: 100%
// line-height: 20px
// font-size: 13px
//
// .select2-drop-active
// z-index: 99999 !important
.select2-drop-active
z-index: 99999 !important
span.um-admin-icon-value
margin: 0 10px
font-size: 13px
i
font-size: 28px
color: #0085ba
position: relative
top: 5px
span.um-admin-icon-clear
display: none
cursor: pointer
position: relative
color: #ccc
&.show
display: inline-block
&:hover
color: #777
i
font-size: 20px
vertical-align: middle
-22
View File
@@ -138,25 +138,3 @@ p._icon_search {
text-align: center;
padding: 15px 20px;
display: inline-block; }
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; }
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; }
+1 -1
View File
@@ -1 +1 @@
.um-admin-overlay{background:rgba(0,0,0,.7);width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000}.um-admin-modal{border-radius:3px;background:#fff;position:fixed;top:50%!important;left:50%!important;display:none;z-index:10001;box-sizing:border-box;width:730px;margin-left:-365px}.um-admin-modal.normal{width:730px;margin-left:-365px}.um-admin-modal.smaller{width:500px;margin-left:-250px}.um-admin-modal.small{width:400px;margin-left:-200px}.um-admin-modal input[type=submit].button-primary{padding:0 12px!important;vertical-align:middle!important;line-height:24px!important}.um-admin-modal .um-admin-modal-body{padding:10px 20px 10px 20px;max-height:500px;overflow:auto}.um-admin-modal .um-admin-modal-body.um-admin-metabox label{margin:0!important}.um-admin-modal .um-admin-modal-body.um-admin-metabox .um-admin-editor-h{margin-top:12px}.um-admin-modal .um-admin-modal-body.um-admin-metabox .um-admin-editor-h label{margin:0 0 4px 0!important}.um-admin-modal .um-admin-modal-body.um-admin-metabox .wp-editor-wrap{margin:0 0 4px 0!important}.um-admin-modal .um-admin-modal-body.um-admin-metabox .wp-editor-wrap textarea{border:0!important}.um-admin-modal a.button-primary{padding:0 12px!important;vertical-align:middle!important}.um-admin-modal a.button{padding:0 12px!important;vertical-align:middle!important}.um-admin-modal a.button i:before{display:block;top:0}.um-admin-modal h3{font-size:14px;line-height:14px;font-weight:400;color:#fff}.um-admin-modal h4{margin:0 0 10px 0!important}.um-admin-modal label{font-size:13px;color:#aaa}.um-admin-modal p{font-size:13px;color:#aaa}.um-admin-modal.loading .um-admin-modal-body{height:200px;background:url(../../img/ajax-loader.gif) no-repeat center}.um-admin-modal-close{position:absolute;color:#fff!important;right:16px;top:14px;font-size:22px;text-decoration:none;opacity:.4}.um-admin-modal-close:hover{opacity:1}.um-admin-modal-head{padding:4px 20px;background:#0085ba;position:relative;border-radius:3px 3px 0 0}.um-admin-modal-foot{padding:20px 0!important;border-top:1px solid #ddd;text-align:center;background:#eee;border-radius:0 0 3px 3px}.um-admin-modal-foot a,.um-admin-modal-foot input{margin:0 10px!important;font-size:14px!important}#UM_fonticons div.um-admin-metabox{padding-bottom:22px!important}p._icon_search{position:relative;width:85%!important;margin:0 auto!important;padding:12px 0 0 0!important}p._icon_search:before{position:absolute;right:6px;top:12px;font-size:20px;content:"\f4a4";font-family:Ionicons;color:#999}p._icon_search:before input[type=text]{padding-right:40px!important}.um-admin-icons{padding:0 0 15px 12px;float:left}.um-admin-icons span{cursor:pointer;float:left;margin:5px;color:#777;border:4px solid #eee;border-radius:3px}.um-admin-icons span.highlighted,.um-admin-icons span:hover{color:#0085ba;border-color:#0085ba}.um-admin-icons i{vertical-align:middle!important;font-size:24px;width:24px;text-align:center;padding:15px 20px;display:inline-block}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}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}
.um-admin-overlay{background:rgba(0,0,0,.7);width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000}.um-admin-modal{border-radius:3px;background:#fff;position:fixed;top:50%!important;left:50%!important;display:none;z-index:10001;box-sizing:border-box;width:730px;margin-left:-365px}.um-admin-modal.normal{width:730px;margin-left:-365px}.um-admin-modal.smaller{width:500px;margin-left:-250px}.um-admin-modal.small{width:400px;margin-left:-200px}.um-admin-modal input[type=submit].button-primary{padding:0 12px!important;vertical-align:middle!important;line-height:24px!important}.um-admin-modal .um-admin-modal-body{padding:10px 20px 10px 20px;max-height:500px;overflow:auto}.um-admin-modal .um-admin-modal-body.um-admin-metabox label{margin:0!important}.um-admin-modal .um-admin-modal-body.um-admin-metabox .um-admin-editor-h{margin-top:12px}.um-admin-modal .um-admin-modal-body.um-admin-metabox .um-admin-editor-h label{margin:0 0 4px 0!important}.um-admin-modal .um-admin-modal-body.um-admin-metabox .wp-editor-wrap{margin:0 0 4px 0!important}.um-admin-modal .um-admin-modal-body.um-admin-metabox .wp-editor-wrap textarea{border:0!important}.um-admin-modal a.button-primary{padding:0 12px!important;vertical-align:middle!important}.um-admin-modal a.button{padding:0 12px!important;vertical-align:middle!important}.um-admin-modal a.button i:before{display:block;top:0}.um-admin-modal h3{font-size:14px;line-height:14px;font-weight:400;color:#fff}.um-admin-modal h4{margin:0 0 10px 0!important}.um-admin-modal label{font-size:13px;color:#aaa}.um-admin-modal p{font-size:13px;color:#aaa}.um-admin-modal.loading .um-admin-modal-body{height:200px;background:url(../../img/ajax-loader.gif) no-repeat center}.um-admin-modal-close{position:absolute;color:#fff!important;right:16px;top:14px;font-size:22px;text-decoration:none;opacity:.4}.um-admin-modal-close:hover{opacity:1}.um-admin-modal-head{padding:4px 20px;background:#0085ba;position:relative;border-radius:3px 3px 0 0}.um-admin-modal-foot{padding:20px 0!important;border-top:1px solid #ddd;text-align:center;background:#eee;border-radius:0 0 3px 3px}.um-admin-modal-foot a,.um-admin-modal-foot input{margin:0 10px!important;font-size:14px!important}#UM_fonticons div.um-admin-metabox{padding-bottom:22px!important}p._icon_search{position:relative;width:85%!important;margin:0 auto!important;padding:12px 0 0 0!important}p._icon_search:before{position:absolute;right:6px;top:12px;font-size:20px;content:"\f4a4";font-family:Ionicons;color:#999}p._icon_search:before input[type=text]{padding-right:40px!important}.um-admin-icons{padding:0 0 15px 12px;float:left}.um-admin-icons span{cursor:pointer;float:left;margin:5px;color:#777;border:4px solid #eee;border-radius:3px}.um-admin-icons span.highlighted,.um-admin-icons span:hover{color:#0085ba;border-color:#0085ba}.um-admin-icons i{vertical-align:middle!important;font-size:24px;width:24px;text-align:center;padding:15px 20px;display:inline-block}
-22
View File
@@ -145,25 +145,3 @@ p._icon_search
text-align: center
padding: 15px 20px
display: inline-block
span.um-admin-icon-value
margin: 0 10px
font-size: 13px
i
font-size: 28px
color: #0085ba
position: relative
top: 5px
span.um-admin-icon-clear
display: none
cursor: pointer
position: relative
color: #ccc
&.show
display: inline-block
&:hover
color: #777
i
font-size: 20px
vertical-align: middle