%PDF- %PDF-
| Direktori : /proc/self/root/home/bitrix/www/bitrix/js/landing/css/ui/field/ |
| Current File : //proc/self/root/home/bitrix/www/bitrix/js/landing/css/ui/field/sortable_list.css |
.landing-ui-field-sortable-list .landing-ui-field-dnd-arrows,
.landing-ui-field-sortable-list .landing-ui-field-dnd-list-items,
.landing-ui-field-sortable-list .landing-ui-field-dnd-target-browser-header,
.landing-ui-field-sortable-list .landing-ui-field-dnd-target-browser-separator {
display: none;
}
.landing-ui-field-sortable-list .landing-ui-field-dnd-list-value::before {
display: none!important;
}
/* ~~~~~~ */
.landing-ui-field-sortable-list .landing-ui-field-input {
background: #F3F4F5;
padding-top: 21px;
padding-bottom: 15px;
align-self: center;
display: flex;
justify-content: center;
}
.landing-ui-form-style .landing-ui-field-sortable-list .landing-ui-field-input {
background: #ffffff;
padding: 0;
}
.landing-ui-field-sortable-list .landing-ui-field-dnd-list-value {
background: transparent;
border: none;
padding-top: 0;
padding-bottom: 0;
}
.landing-ui-field-sortable-list .landing-ui-field-dnd-target {
width: auto;
flex-grow: 1;
flex-direction: unset;
max-width: 242px;
}
.landing-ui-field-sortable-list .landing-ui-field-dnd-list-item {
background: #ffffff;
padding: 8px 10px 8px 20px;
border-radius: 2px;
margin-bottom: 4px;
color: #777777;
font-size: 11px;
line-height: normal;
border: 1px rgba(82, 92, 105, .32) solid;
}
.landing-ui-field-sortable-list .landing-ui-field-dnd-list-item-drag {
background: url("/bitrix/images/landing/drag-props.svg") center center no-repeat;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 16px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
transition: background 200ms ease, opacity 200ms ease;
opacity: .6;
}
.landing-ui-field-sortable-list .landing-ui-field-dnd-list-item:hover .landing-ui-field-dnd-list-item-drag {
opacity: 1;
}
.landing-ui-field-sortable-list .landing-ui-field-dnd-add-button {
display: none;
}
.landing-ui-field-sortable-list-preview {
background: #ffffff;
width: 128px;
min-width: 128px;
min-height: 100px;
box-sizing: border-box;
border: 2px rgba(82, 92, 105, .32) solid;
margin-right: 8px;
}
.landing-ui-field-sortable-list .landing-ui-field-dnd-list-value .landing-ui-field-dnd-list-item:last-child {
border-bottom: 1px rgba(82, 92, 105, .32) solid;
}
.landing-ui-field-dnd-list-item,
.landing-ui-field-sortable-list-preview-item {
position: relative;
}
.landing-ui-field-dnd-list-item::before,
.landing-ui-field-sortable-list-preview-item::before {
position: absolute;
content: '';
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border: 2px #2FC6F6 solid;
border-radius: 2px;
pointer-events: none;
opacity: 0;
transition: opacity 200ms ease;
}
.landing-ui-field-dnd-list-item.landing-ui-active::before,
.landing-ui-field-sortable-list-preview-item.landing-ui-active::before,
.landing-ui-field-dnd-list-item.landing-ui-ondrag::before {
opacity: 1;
}
.landing-ui-ondrag .landing-ui-field-dnd-list-item:not(.landing-ui-ondrag)::before,
.landing-ui-ondrag .landing-ui-field-sortable-list-preview-item::before {
opacity: 0!important;
}