|
|
@@ -224,18 +224,33 @@ html[data-theme='dark'] {
|
|
|
|
|
|
/* 退出 / 删除类确认框的主按钮必须为红色(静止态即红,不靠 hover):
|
|
|
antd v4 的 okType 只接受按钮类型,危险色来自 okButtonProps.danger;
|
|
|
- 这里显式兜一层,避免其它全局按钮样式把它盖成蓝/白。 */
|
|
|
-.ant-modal-confirm .ant-btn-primary.ant-btn-dangerous {
|
|
|
- color: #fff;
|
|
|
- background: @error-color;
|
|
|
- border-color: @error-color;
|
|
|
+ 这里显式兜一层,避免其它全局按钮样式把它盖成蓝/白。
|
|
|
+ ★ 选择器刻意写到 `.ant-btn.ant-btn-primary`(4 个类):
|
|
|
+ - dark 主题的 `.ant-btn.ant-btn-primary` 规则与本规则同权重且更晚加载;
|
|
|
+ - 数据画像页还有 `body.case-portrait-active ... !important` 的蓝色主按钮覆盖;
|
|
|
+ 用更高权重 + !important 保证两种情况都保持红色,并且 hover 有明确的浅红反馈。 */
|
|
|
+.ant-modal-confirm .ant-btn.ant-btn-primary.ant-btn-dangerous,
|
|
|
+[data-theme='dark'] .ant-modal-confirm .ant-btn.ant-btn-primary.ant-btn-dangerous,
|
|
|
+.jeesite-exit-case-confirm .ant-modal-confirm-btns .ant-btn.ant-btn-primary {
|
|
|
+ color: #fff !important;
|
|
|
+ background: @error-color !important;
|
|
|
+ border-color: @error-color !important;
|
|
|
+ box-shadow: 0 6px 16px fade(@error-color, 18%) !important;
|
|
|
|
|
|
&:hover,
|
|
|
&:focus,
|
|
|
&:not(:disabled):hover,
|
|
|
&:not(:disabled):focus {
|
|
|
- color: #fff;
|
|
|
- background: lighten(@error-color, 8%);
|
|
|
- border-color: lighten(@error-color, 8%);
|
|
|
+ color: #fff !important;
|
|
|
+ background: lighten(@error-color, 8%) !important;
|
|
|
+ border-color: lighten(@error-color, 8%) !important;
|
|
|
+ box-shadow: 0 8px 18px fade(@error-color, 24%) !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:active,
|
|
|
+ &:not(:disabled):active {
|
|
|
+ color: #fff !important;
|
|
|
+ background: darken(@error-color, 6%) !important;
|
|
|
+ border-color: darken(@error-color, 6%) !important;
|
|
|
}
|
|
|
}
|