// viewUi中buttonGroup下几个button的focus状态下样式存在问题，后边的会覆盖前边的box-shadow,这里给focus元素添加z-index.
|
|
.ivu-btn:focus {
|
z-index: 2;
|
box-shadow: 0 0 0 2px rgb(45 140 240 / 20%);
|
}
|
|
.preview-modal-wrap {
|
overflow: hidden;
|
|
.ivu-modal-body {
|
display: flex;
|
//滚动条移动上去才展示，移开不展示滚动条
|
overflow: overlay;
|
padding: 0;
|
max-height: calc(100vh - 51px);
|
|
&::-webkit-scrollbar {
|
width: 4px;
|
background-color: #efeae6;
|
}
|
|
&:hover ::-webkit-scrollbar-track-piece {
|
/* 滚动条的背景颜色 */
|
border-radius: 6px;
|
|
/* 鼠标移动上去再显示滚动条 */
|
background-color: #ffffff;
|
|
/* 滚动条的圆角宽度 */
|
}
|
|
&:hover::-webkit-scrollbar-thumb:hover {
|
background-color: #c1c1c1;
|
}
|
|
&:hover::-webkit-scrollbar-thumb:vertical {
|
border: 2px solid #c1c1c1;
|
border-radius: 6px;
|
background-color: #c1c1c1;
|
outline: 2px solid #c1c1c1;
|
outline-offset: -2px;
|
}
|
}
|
|
.ivu-modal-content {
|
border-radius: 6px 6px 0 0;
|
}
|
|
.ivu-modal {
|
top: 0;
|
}
|
}
|
