- 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
+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