This repository has been archived on 2025-09-14. You can view files and clone it, but cannot push or open issues or pull requests.
Files
nezha-nezha-fronted/nezha-fronted/src/assets/css/components/common/deleteButton.scss
2023-08-03 17:13:27 +08:00

128 lines
2.7 KiB
SCSS

.batch-delete-dialog{
transition: all 0.3s;
.el-dialog__title{
font-size: 14px;
font-weight: 600;
}
.dialog-header {
margin-bottom: 10px;
word-wrap: break-word;
color: $--color-text-primary;
span{
word-break: break-word;
}
}
.nz-icon-jinggao{
color: $--color-danger;
}
.nz-icon-import-failed1{
color: $--color-danger;
}
.nz-icon-import-success1{
color: $--color-success;
}
.el-dialog__body {
padding: 0 20px;
}
.batch-delete-tree{
border: 1px solid $--border-color-light;
.tree-header{
background: $--background-color-base;
padding: 7px 10px 7px 0px;
font-weight: 600;
margin-bottom: 0 !important;
.batch-delete-item-id, .batch-delete-item-name{
font-weight: 600;
}
}
.tree-body{
box-sizing: content-box;
padding-top: 10px;
height: 160px;
overflow-y: auto;
}
.tree-body-item{
display: flex;
width: 100%;
font-size: 14px;
color: $--color-text-primary;
font-weight: 400;
margin-bottom: 10px;
padding-left: 10px;
box-sizing: border-box;
line-height: 22px;
.nz-icon{
vertical-align: middle;
}
.batch-delete-item-id{
margin-left: 28px;
margin-right: 28px;
width: 100px;
transition: all 0.3s;
flex-shrink: 0;
}
.batch-delete-item-name{
margin-left: 14px;
flex: 1;
flex-shrink: 0;
width: calc(100% - 190px);
.tree-body-children:nth-of-type(1){
margin-top: 10px;
}
transition: all 0.3s;
}
}
.tree-body-children{
padding-left: 25px;
display: block;
}
.batch-delete-item-text{
display: inline-block;
width: calc(100% - 45px);
vertical-align: middle;
}
.el-checkbox-group{
font-size: 14px;
.el-checkbox__label{
display: none;
}
}
.nz-icon-caret-right{
display:inline-block;
transition: all 0.3s;
color: $--border-color-base-focus;
}
.rotate90 {
display:inline-block;
transform: rotate(90deg);
transition: all 0.3s;
}
}
.el-dialog__footer{
padding-top: 20px;
}
.forceDelete-check{
padding-top: 10px;
.el-checkbox__label{
color: $--checkbox-font-color !important;
padding-left: 6px;
}
}
}
.batch-delete-footer{
box-shadow: none !important;
height: auto !important;
display: flex;
justify-content: space-between !important;
flex-direction: row-reverse;
}
.delete-button{
margin-right: 10px;
opacity: 0.7;
border-radius: 2px;
}
.delete-button-light.delete-button{
border-radius: 2px;
opacity: 1;
}