tachybase_todo/packages/client/src/blocks/grid/style.less
2021-07-04 00:19:26 +08:00

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;
}