Files
kupshop/admin/static/scss/components/_treeDragDrop.scss
2025-08-02 16:30:27 +02:00

149 lines
2.3 KiB
SCSS

.wpj-panel .treeDragDrop .tdd-tree {
border: none;
min-height: 0;
padding: 0;
&.collapsed {
display: none;
}
}
.wpj-panel body:not(.cursorGrabbing) .treeDragDrop li {
cursor: auto;
}
.wpj-panel .treeDragDrop li {
border: none;
background: $body-bg;
.disabled {
color: $white;
}
.bi.opener {
margin-right: 8px;
&.disabled {
display: none;
}
}
}
.wpj-panel li.tdd-selected {
opacity: .5;
background-color: $gray-background-light;
}
.treeDragDrop > .tdd-tree > li.tdd-listItem {
padding: 0;
}
.tdd-row {
border-top: 1px solid $border-color-light;
display: flex;
align-items: center;
margin: 0;
padding: 5px 0;
cursor: pointer;
&:hover {
background: $table-bg-hover;
}
}
.thh-row {
padding: 4px 0;
min-height: 30px;
pointer-events: none;
.hidden-label {
* {
color: transparent;
}
}
}
.tdd-column {
position: absolute;
padding-right: 15px;
padding-left: 15px;
}
.tdd-row > .tdd-column-1 {
position: relative;
}
.tdd-column.alignLeft {
text-align: left;
}
.list_item.alignRight,
.tdd-column.alignRight {
text-align: right;
justify-content: flex-end;
}
.list_item.alignCenter,
.tdd-column.alignCenter {
text-align: center;
justify-content: center;
}
body .ui-draggable-dragging {
height: 50px;
width: 100%;
background-color: #e6e6e6;
}
.sections-root {
list-style: none;
margin: 0;
padding: 0;
background: $table-bg-active;
.list_item.is-editable {
overflow: clip visible;
}
.chosen-single {
text-align: left;
height: 22px;
font-size: 13px;
line-height: 14px;
padding-top: 2px;
padding-bottom: 2px;
div {
padding-top: 0;
}
}
}
.ui-sortable-placeholder,
.treeDragDrop .tdd-after,
.treeDragDrop .tdd-before,
.treeDragDrop .tdd-append,
.nestedSortable .placeholder {
list-style-type: none;
text-indent: 0;
height: 37px;
margin: 5px 0;
padding: 0;
border: 2px dashed $border-color !important;
background-color: transparent;
}
.nestedSortableRoot .node {
.node,
.placeholder,
.tdd-after,
.tdd-before,
.tdd-append {
margin-left: 28px;
}
&.ui-sortable-helper {
opacity: .75;
}
}