88 lines
1.8 KiB
SCSS
88 lines
1.8 KiB
SCSS
.alert-label, .alert-labelUp {
|
|
position: fixed;
|
|
background-color: $--background-color-empty;
|
|
z-index: 3000;
|
|
padding: 10px;
|
|
border-radius: 4px;
|
|
box-shadow: -1px 1px 10px -1px $--dropdown-menu-box-shadow-color;
|
|
|
|
.alert-label-info{
|
|
border-bottom: none;
|
|
font-size: 13px;
|
|
line-height: 26px;
|
|
.active {
|
|
color: $--color-primary;
|
|
border-bottom: none;
|
|
cursor: default;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
.alert-label-box{
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.alert-label-title{
|
|
font-size: 14px;
|
|
color: $--color-text-regular;
|
|
letter-spacing: 0;
|
|
line-height: 23px;
|
|
min-width: 110px;
|
|
padding: 0 3px 0 13px;
|
|
}
|
|
.alert-label-value{
|
|
height: 26px;
|
|
font-size: 14px;
|
|
color: $--color-text-primary;
|
|
letter-spacing: 0;
|
|
line-height: 23px;
|
|
}
|
|
.danger{
|
|
background-color: $--color-danger;
|
|
color: white;
|
|
padding: 2px 5px;
|
|
border-radius: 4px;
|
|
}
|
|
.success{
|
|
background-color: $--color-success;
|
|
color: white;
|
|
padding: 2px 5px;
|
|
border-radius: 4px;
|
|
}
|
|
.active-icon{
|
|
margin-top: 0;
|
|
}
|
|
.alert-label-remark {
|
|
overflow: hidden;
|
|
text-overflow:ellipsis;
|
|
white-space: nowrap;
|
|
max-width: 210px;
|
|
}
|
|
}
|
|
.alert-rule-detail{
|
|
.alert-label, .alert-labelUp{
|
|
position: absolute;
|
|
}
|
|
}
|
|
.no-position-alert-label {
|
|
.alert-label.alert-label__border{
|
|
border: none !important;
|
|
position: unset;
|
|
}
|
|
}
|
|
//.alert-label::after, .alert-labelUp::after {
|
|
// content: '';
|
|
// display: block;
|
|
// width:0;
|
|
// height:0;
|
|
// overflow: hidden;
|
|
// font-size: 0;
|
|
// line-height: 0;
|
|
// border: 5px;
|
|
// border-style: dashed solid dashed dashed;
|
|
// border-color: transparent $--popover-background-color transparent transparent;
|
|
// position: absolute;
|
|
// top: 20px;
|
|
// left: 0;
|
|
// transform: translate(-100%, -50%);
|
|
//}
|