.menus-detail-modal {
|
.ant-modal {
|
top: 70px;
|
}
|
.ant-modal-body {
|
min-height: 200px;
|
.menu-line {
|
display: flex;
|
div {
|
padding: 16px 16px;
|
border-top: 1px solid #e8e8e8;
|
border-left: 1px solid #e8e8e8;
|
word-break: break-all;
|
}
|
div:last-child {
|
border-right: 1px solid #e8e8e8;
|
}
|
.sort {
|
width: 10%;
|
text-align: center;
|
}
|
.sign {
|
width: 35%;
|
}
|
.name {
|
width: 35%;
|
}
|
.action {
|
width: 20%;
|
text-align: center;
|
span {
|
display: inline-block;
|
padding: 0 10px;
|
cursor: pointer;
|
color: #1890ff;
|
}
|
}
|
}
|
.menu-line:first-child {
|
background-color: #fafafa;
|
}
|
.menu-line:last-child {
|
div {
|
border-bottom: 1px solid #e8e8e8;
|
}
|
}
|
}
|
}
|
|
.card-control {
|
position: absolute;
|
top: 0px;
|
left: 0px;
|
.anticon-tool {
|
position: absolute;
|
left: 1px;
|
top: 1px;
|
padding: 1px;
|
z-index: 2;
|
font-size: 16px;
|
cursor: pointer;
|
background: rgba(255, 255, 255, 0.55);
|
}
|
}
|
|
.card-item {
|
>.circle-select {
|
position: relative;
|
display: none;
|
width: 16px;
|
height: 16px;
|
border: 1px solid #cccccc;
|
border-radius: 50%;
|
box-sizing: content-box;
|
margin: auto;
|
margin-right: 5px;
|
background-color: #ffffff;
|
transition: border-color 0.2s;
|
cursor: pointer;
|
}
|
>.anticon-up {
|
position: absolute;
|
bottom: 10px;
|
right: 10px;
|
display: none;
|
}
|
>.anticon-plus-square {
|
margin: auto;
|
width: 30px;
|
font-size: 18px;
|
}
|
}
|
// square
|
.card-item.mk-checkable {
|
display: flex;
|
.circle-select {
|
display: inline-block;
|
}
|
.model-menu-card-cell-list {
|
flex: 1;
|
}
|
}
|
.card-item.flex-card {
|
display: flex;
|
.model-menu-card-cell-list {
|
flex: 1;
|
}
|
}
|
.card-item.mk-checkable.square {
|
.circle-select {
|
border-radius: 0;
|
}
|
}
|
.card-item.mk-unfold, .card-item.mk-collapse {
|
>.anticon-up {
|
display: inline-block;
|
}
|
}
|
