mirror of
https://github.com/10h30/ultimatemember.git
synced 2026-06-05 15:09:37 +09:00
Mykyta Synelnikov
d756391f1f
Adjusted the styles for the Select2 container to ensure it spans the full width within the admin forms. This improves layout consistency and resolves display issues for page selector dropdowns.
504 lines
11 KiB
Sass
504 lines
11 KiB
Sass
@import "selectors"
|
|
@import "mixins"
|
|
@import "colors"
|
|
|
|
|
|
.#{$prefix}form-table
|
|
.#{$prefix}forms-line
|
|
&[data-conditional]
|
|
display: none
|
|
label
|
|
.#{$prefix}req
|
|
color: $required-asterisk
|
|
margin: 0 0 0 3px
|
|
font-weight: normal
|
|
.#{$prefix}text-delete
|
|
color: #a00
|
|
float: left
|
|
&:hover
|
|
color: red
|
|
.#{$prefix}multi-text-add-option
|
|
margin-bottom: 14px
|
|
.icon_preview
|
|
display: none
|
|
max-width: 200px
|
|
max-height: 200px
|
|
padding: 5px
|
|
cursor: pointer
|
|
border: 1px solid #e3e3e3
|
|
background: #f7f7f7
|
|
border-radius: 3px
|
|
height: auto
|
|
width: auto !important
|
|
td
|
|
.#{$prefix}same-page-update-wrapper
|
|
display: none
|
|
margin: 7px 0 0 0
|
|
input.#{$prefix}admin-form-same-page-update
|
|
margin: 7px 0 0 0
|
|
.upgrade_log
|
|
margin: 7px 0 0 0
|
|
width: 100%
|
|
height: 150px
|
|
overflow: auto
|
|
border: 1px solid #a1a1a1
|
|
//.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
|
|
th,
|
|
td
|
|
vertical-align: baseline
|
|
|
|
&.#{$prefix}third-column
|
|
.#{$prefix}forms-line
|
|
th
|
|
width: 33%
|
|
|
|
&.#{$prefix}half-column
|
|
.#{$prefix}forms-line
|
|
th
|
|
width: 50%
|
|
|
|
&.#{$prefix}two-thirds-column
|
|
.#{$prefix}forms-line
|
|
th
|
|
width: 83%
|
|
|
|
&.#{$prefix}top-label
|
|
.#{$prefix}forms-line
|
|
td
|
|
padding: 0 0 15px 0
|
|
label
|
|
margin: 0 0 5px 0
|
|
display: inline-block
|
|
//font-weight: bold
|
|
select.#{$prefix}forms-field.#{$prefix}pages-select2
|
|
& ~ .select2-container
|
|
width: 100% !important
|
|
|
|
&[data-field_type="icon"]
|
|
td
|
|
label
|
|
width: 100%
|
|
display: block
|
|
margin: 0 0 5px 0
|
|
//.description
|
|
// font-style: italic
|
|
// clear: both
|
|
|
|
.um-external-link-icon
|
|
width: 1em
|
|
height: 1em
|
|
margin: 0
|
|
vertical-align: middle
|
|
fill: currentcolor
|
|
|
|
.um_admin_fonticon_wrapper
|
|
+flex( row, flex-start, center, nowrap )
|
|
.#{$prefix}admin-icon-value
|
|
line-height: 1
|
|
i
|
|
top: 0
|
|
|
|
input[type="text"],
|
|
input[type="url"],
|
|
input[type="number"],
|
|
input[type="date"],
|
|
input[type="time"],
|
|
input[type="password"],
|
|
select,
|
|
textarea
|
|
&.#{$prefix}forms-field
|
|
box-sizing: border-box
|
|
&.#{$prefix}long-field
|
|
width: 100% !important
|
|
&.#{$prefix}medium-field
|
|
width: 50% !important
|
|
&.#{$prefix}small-field
|
|
width: 25% !important
|
|
|
|
input[type="number"]
|
|
&.#{$prefix}forms-field
|
|
padding-right: 0
|
|
|
|
.#{$prefix}multi-text-list,
|
|
.#{$prefix}multi-selects-list,
|
|
.#{$prefix}md-default-filters-list
|
|
float: left
|
|
width: 100%
|
|
margin: 0 0 10px 0
|
|
|
|
.#{$prefix}hidden-multi-text,
|
|
.#{$prefix}hidden-multi-selects,
|
|
.#{$prefix}hidden-md-default-filters
|
|
display: none !important
|
|
|
|
.#{$prefix}md-default-filters-option-line
|
|
float: left
|
|
width: 100%
|
|
clear: both
|
|
border-bottom: 1px solid #eee
|
|
padding: 0 0 5px 0
|
|
margin: 5px 0 0 0
|
|
.#{$prefix}field-wrapper
|
|
float: left
|
|
width: calc( 100% - 60px )
|
|
line-height: 30px
|
|
box-sizing: border-box
|
|
.#{$prefix}field-wrapper2
|
|
float: left
|
|
width: calc( 100% - 60px )
|
|
line-height: 30px
|
|
box-sizing: border-box
|
|
&.um
|
|
margin: 5px 0 0 0
|
|
.ui-slider-range.ui-widget-header
|
|
background: #44b0ec
|
|
border: 1px solid #44b0ec !important
|
|
margin-top: -1px
|
|
& > select
|
|
width: 100%
|
|
float: left
|
|
& > input
|
|
width: 100%
|
|
float: left
|
|
&.#{$prefix}timepicker-filter,
|
|
&.#{$prefix}datepicker-filter
|
|
width: calc( 50% - 7px ) !important
|
|
float: left
|
|
&:first-child
|
|
margin-right: 11px
|
|
.#{$prefix}slider
|
|
margin: 5px 9px 0 9px
|
|
width: calc( 100% - 18px )
|
|
box-sizing: border-box
|
|
display: block
|
|
.#{$prefix}field-control
|
|
float: left
|
|
width: 60px
|
|
line-height: 30px
|
|
padding: 0 10px
|
|
box-sizing: border-box
|
|
|
|
|
|
|
|
.#{$prefix}multi-selects-option-line
|
|
float: left
|
|
width: 100%
|
|
padding: 0
|
|
clear: both
|
|
margin: 0 0 5px 0
|
|
&.#{$prefix}admin-drag-fld
|
|
+flex( row, flex-start, center, nowrap )
|
|
background: none
|
|
border: none
|
|
.#{$prefix}field-wrapper
|
|
width: calc( 100% - 90px )
|
|
.#{$prefix}field-icon
|
|
float: left
|
|
width: 20px
|
|
text-align: left
|
|
line-height: 30px
|
|
|
|
.#{$prefix}field-wrapper
|
|
float: left
|
|
width: calc( 100% - 60px )
|
|
line-height: 30px
|
|
box-sizing: border-box
|
|
|
|
&.#{$prefix}custom-order-fields
|
|
margin: 5px 0 0 0
|
|
|
|
label
|
|
float: left
|
|
width: 100%
|
|
line-height: 30px
|
|
box-sizing: border-box
|
|
margin: 0 !important
|
|
padding: 0 !important
|
|
font-weight: bold
|
|
+flex( row, space-beetween, baseline, nowrap )
|
|
|
|
input[type="text"],
|
|
select
|
|
width: auto
|
|
display: inline
|
|
font-weight: normal
|
|
max-width: 70%
|
|
flex: 0.9
|
|
|
|
input,
|
|
select
|
|
float: left
|
|
width: 100%
|
|
margin: 0
|
|
|
|
.#{$prefix}field-control
|
|
float: left
|
|
width: 60px
|
|
line-height: 30px
|
|
padding: 0 10px
|
|
box-sizing: border-box
|
|
|
|
.#{$prefix}multi-text-option-line
|
|
float: left
|
|
width: 100%
|
|
padding: 0
|
|
clear: both
|
|
margin: 0 0 5px 0
|
|
.#{$prefix}field-wrapper
|
|
float: left
|
|
width: calc( 100% - 90px )
|
|
line-height: 30px
|
|
box-sizing: border-box
|
|
input,
|
|
select
|
|
float: left
|
|
width: 100%
|
|
margin: 0
|
|
.#{$prefix}field-control
|
|
float: left
|
|
width: 60px
|
|
line-height: 30px
|
|
padding: 0 10px
|
|
box-sizing: border-box
|
|
|
|
|
|
|
|
|
|
|
|
.#{$prefix}form-fields-section
|
|
+flex( column, flex-start, stretch, nowrap )
|
|
row-gap: 4px
|
|
float: left
|
|
clear: none
|
|
margin: 0
|
|
padding: 0 10px 0 0
|
|
+border-box
|
|
label
|
|
float: left
|
|
width: 100%
|
|
margin: 0
|
|
padding: 0
|
|
input
|
|
float: left
|
|
margin-top: 0
|
|
span
|
|
float: left
|
|
width: calc( 100% - 20px )
|
|
|
|
|
|
@media screen and (max-width: 782px)
|
|
input[type="text"],
|
|
select,
|
|
textarea
|
|
&.#{$prefix}forms-field
|
|
&.#{$prefix}medium-field
|
|
width: 100% !important
|
|
&.#{$prefix}small-field
|
|
width: 50% !important
|
|
|
|
|
|
.#{$prefix}form-fields-section
|
|
width: 100% !important
|
|
.#{$prefix}admin-metabox
|
|
.#{$prefix}form-fields-section
|
|
label
|
|
line-height: 22px !important
|
|
margin: 0 0 12px 0 !important
|
|
span
|
|
width: calc( 100% - 30px )
|
|
|
|
.#{$prefix}multi-text-option-line,
|
|
.#{$prefix}multi-selects-option-line
|
|
margin: 0 0 6px 0
|
|
|
|
.#{$prefix}forms-line
|
|
label
|
|
float: left
|
|
width: 100%
|
|
|
|
.#{$prefix}form-table
|
|
&.#{$prefix}third-column,
|
|
&.#{$prefix}half-column,
|
|
&.#{$prefix}two-thirds-column
|
|
.#{$prefix}forms-line
|
|
th
|
|
float: left
|
|
width: 100%
|
|
margin-bottom: 5px
|
|
label
|
|
float: left
|
|
width: 100%
|
|
td
|
|
float: left
|
|
width: 100%
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.#{$prefix}sortable-items-field
|
|
.#{$prefix}sortable-item
|
|
cursor: move !important
|
|
padding: 5px
|
|
+border-box
|
|
border: 1px solid #7e8993
|
|
border-radius: 4px
|
|
-moz-border-radius: 4px
|
|
background: #fff
|
|
height: 42px
|
|
line-height: 28px
|
|
+flex( row, flex-start, center, nowrap )
|
|
&.#{$prefix}hidden-item
|
|
display: none
|
|
.#{$prefix}field-icon
|
|
width: 20px
|
|
text-align: left
|
|
margin: 0 10px 0 0
|
|
|
|
|
|
.wp-picker-container
|
|
input.wp-color-picker[type="text"]
|
|
width: 68px !important
|
|
float: left !important
|
|
padding: 2px 4px !important
|
|
border-width: 1px !important
|
|
|
|
//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
|
|
|
|
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
|