tachybase_todo/packages/client/src/schemas/table/style.less
2021-07-23 00:19:08 +08:00

220 lines
3.8 KiB
Plaintext

.nb-table-column {
&:hover {
> .designable-bar {
display: block;
}
}
> .designable-bar {
display: none;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
border-radius: 0;
border: 2px solid #1890ff;
&.active {
display: block;
}
.designable-bar-actions {
position: absolute;
right: 0;
line-height: 1rem;
background-color: #1890ff;
color: #fff;
z-index: 10;
padding: 0 3px;
.anticon {
font-size: 10px;
}
}
}
}
.ant-popover.nb-action-group {
z-index: 1000;
padding-top: 0;
.ant-popover-arrow {
display: none;
}
.ant-popover-inner-content {
padding: 4px 0;
.ant-btn {
display: block;
min-width: 100px;
width: 100%;
border: 0;
border-radius: 0;
text-align: left;
padding: 5px 12px;
color: #000;
&:hover {
background-color: #f5f5f5;
}
&[disabled] {
color: #00000040;
background-color: #fff;
cursor: not-allowed;
}
}
}
}
.nb-action-bar {
&.align-top {
margin-bottom: 8px;
}
&.align-bottom {
margin-top: 8px;
}
}
th.nb-table-operation,
td.nb-table-operation {
width: 24px;
text-align: center;
padding: 0 !important;
&::before {
display: none;
}
}
td.nb-table-operation {
.ant-btn {
border: 0;
box-shadow: none;
padding: 6px;
height: auto;
line-height: 16px;
background: none;
&:hover {
background: #f1f1f1;
}
}
}
.nb-table-selection {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
&.dragSort {
.nb-table-index {
padding-left: 20px;
min-width: 38px;
}
}
.nb-table-sort-handle {
margin-right: 8px;
cursor: grab;
}
&.showIndex {
.ant-checkbox-wrapper {
position: absolute;
right: 0;
display: none;
// right: 8px;
}
.nb-table-sort-handle {
display: inline-flex;
align-items: baseline;
position: absolute;
// left: 8px;
cursor: grab;
margin-right: 8px;
z-index: 3;
}
}
.ant-checkbox-wrapper {
// position: absolute;
// right: 0;
// display: none;
// right: 8px;
}
.nb-table-index {
// display: inline-flex;
// align-items: baseline;
position: relative;
z-index: 2;
text-align: center;
// padding-left: 20px;
width: 100%;
// min-width: 38px;
// position: absolute;
// right: 8px;
// height: 16px;
// line-height: 16px;
// text-align: center;
// background-color: #fff;
// min-width: 16px;
// width: 100%;
// z-index: 2;
}
}
.ant-table-selection-column {
text-align: right !important;
&:hover {
.nb-table-index {
opacity: 0;
}
.ant-checkbox-wrapper {
z-index: 4;
display: inline-flex;
}
}
}
.ant-table-row-selected {
.nb-table-index {
opacity: 0;
}
.ant-checkbox-wrapper {
z-index: 4;
display: inline-flex !important;
}
}
.ant-table-cell {
.ant-formily-item-feedback-layout-popover {
margin-bottom: 0;
}
.ant-formily-item-control .ant-formily-item-control-content .ant-formily-item-control-content-component {
min-height: inherit;
line-height: inherit;
}
}
.ant-dropdown-menu-item {
&:hover {
.designable-bar {
display: block;
}
}
.designable-bar {
display: none;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
border-radius: 0;
border: 2px solid #1890ff;
&.active {
display: block;
}
.designable-bar-actions {
position: absolute;
right: 0;
line-height: 1rem;
background-color: #1890ff;
color: #fff;
z-index: 10;
padding: 0 3px;
.anticon {
font-size: 10px;
}
}
}
}