Files
SMATEC-FRONTEND/src/components/shared/index.less

105 lines
1.8 KiB
Plaintext

.italic {
//font-style: italic;
margin-left: 4px;
}
.disconnected {
color: rgb(146, 143, 143);
//background-color: rgb(219, 220, 222);
cursor: pointer;
}
:global(.cursor-pointer-row .ant-table-tbody > tr) {
cursor: pointer;
}
.normalActive {
color: #52c41a;
background: #e0fec3;
border-color: #b7eb8f;
}
.warningActive {
color: #faad14;
background: #f8ebaa;
border-color: #ffe58f;
}
.criticalActive {
color: #ff4d4f;
background: #f9b9b0;
border-color: #ffccc7;
}
.normal {
color: #52c41a;
background: #fff;
border-color: #b7eb8f;
}
.warning {
color: #faad14;
background: #fff;
border-color: #ffe58f;
}
.critical {
color: #ff4d4f;
background: #fff;
border-color: #ffccc7;
}
.offline {
background: #fff;
color: rgba(0, 0, 0, 88%);
border-color: #d9d9d9;
}
.offlineActive {
background: rgb(190, 190, 190);
color: rgba(0, 0, 0, 88%);
border-color: #d9d9d9;
}
.online {
background: #fff;
color: #1677ff;
border-color: #91caff;
}
.onlineActive {
background: #c6e1f5;
color: #1677ff;
border-color: #91caff;
}
.table-row-select tbody tr:hover {
cursor: pointer;
}
// Target icon inside the color wrapper - higher specificity
:local(.tooltip-iconfont-wrapper) .iconfont,
.tooltip-iconfont-wrapper .iconfont,
.tooltip-iconfont-wrapper svg {
color: currentcolor !important;
}
// Even more specific - target within Button
.ant-btn .tooltip-iconfont-wrapper .iconfont {
color: currentcolor !important;
}
// Most aggressive - global selector
:global {
.ant-btn .tooltip-iconfont-wrapper .iconfont,
.ant-btn .tooltip-iconfont-wrapper svg {
color: currentcolor !important;
}
// Use CSS variable approach
.ant-btn[style*='--icon-button-color'] .iconfont,
.ant-btn[style*='--icon-button-color'] svg {
color: var(--icon-button-color) !important;
}
}