ze-react-component-library
Version:
ZeroETP React Component Library
56 lines (54 loc) • 1.1 kB
text/less
@import '~antd/es/style/themes/default.less';
.hover-action {
display: block;
position: relative;
&:hover {
.hover-action-list {
opacity: 1;
pointer-events: all;
}
}
&.hover-action-normal {
display: flex;
align-items: center;
}
.hover-action-list {
line-height: 1;
opacity: 0;
pointer-events: none;
flex-shrink: 0;
margin: 0 @margin-xs;
&[class*='fixed'] {
position: absolute;
top: 50%;
transform: translateY(-50%);
&.left {
left: 0;
}
&.right {
right: 0;
}
}
.hover-action-list-item {
font-size: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin-right: @margin-xs;
&:hover {
color: var(--ant-primary-color);
}
}
.hover-action-list-item.default {
@size: 18px;
font-size: 10px;
width: @size;
height: @size;
line-height: @size;
border-radius: @size / 2;
background: rgba(0, 0, 0, 0.6);
color: white;
}
}
}