96 lines
1.5 KiB
Plaintext
96 lines
1.5 KiB
Plaintext
.nb-grid-col-divider {
|
|
width: 24px;
|
|
}
|
|
.nb-grid-row {
|
|
margin: 0px -24px;
|
|
}
|
|
|
|
// .nb-grid {
|
|
// .nb-grid-col-divider {
|
|
// &.resizable {
|
|
// cursor: col-resize;
|
|
// &:hover {
|
|
// background: #e6f7ff;
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
|
|
body:not(.dragging) {
|
|
.nb-grid {
|
|
.nb-grid-col-divider {
|
|
&.resizable {
|
|
cursor: col-resize;
|
|
&:hover {
|
|
background: #e6f7ff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
body.dragging {
|
|
.designable-bar {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.nb-grid.dragging {
|
|
position: relative;
|
|
.nb-grid-col-divider {
|
|
&.hover {
|
|
background: #e6f7ff;
|
|
}
|
|
}
|
|
.nb-grid-row-divider {
|
|
// background-color: #ddd;
|
|
height: 24px;
|
|
width: 100%;
|
|
position: absolute;
|
|
z-index: 20;
|
|
// opacity: 0.5;
|
|
transform: translateY(-100%);
|
|
&.hover {
|
|
background: #e6f7ff;
|
|
}
|
|
}
|
|
.nb-grid-block {
|
|
position: relative;
|
|
&.hover {
|
|
&::after {
|
|
background: #e6f7ff;
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 12px;
|
|
z-index: 30;
|
|
}
|
|
&.top-half {
|
|
&::after {
|
|
top: 0;
|
|
bottom: auto;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.nb-grid-block.dragging {
|
|
> div > .designable-bar {
|
|
display: block !important;
|
|
}
|
|
}
|
|
|
|
.drag-container {
|
|
.nb-grid-block.dragging .designable-bar {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.anticon-drag {
|
|
cursor: grab;
|
|
}
|