feat: add danger disabled btn style

DTStack · Jul 24, 2020 · 8a958fa · 8a958fa
1 parent 84a95d4
commit 8a958fa
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 2 deletions.
diff --git a/components/button/demo/danger.md b/components/button/demo/danger.md
@@ -16,6 +16,8 @@ ReactDOM.render(
   <div className="demo-button-type">
     <Button type="danger">二级按钮</Button>
     <Button ghost type="danger">幽灵按钮</Button>
+    <Button disabled type="danger">二级按钮</Button>
+    <Button disabled ghost type="danger">幽灵按钮</Button>
   </div>,
   mountNode,
 );

diff --git a/theme/dt-theme/default/button.less b/theme/dt-theme/default/button.less
@@ -142,3 +142,23 @@
 .ant-btn-lg {
     height: 36px;
 }
+
+.ant-btn-danger-disabled,
+.ant-btn-danger.disabled,
+.ant-btn-danger[disabled],
+.ant-btn-danger-disabled:hover,
+.ant-btn-danger.disabled:hover,
+.ant-btn-danger[disabled]:hover,
+.ant-btn-danger-disabled:focus,
+.ant-btn-danger.disabled:focus,
+.ant-btn-danger[disabled]:focus,
+.ant-btn-danger-disabled:active,
+.ant-btn-danger.disabled:active,
+.ant-btn-danger[disabled]:active,
+.ant-btn-danger-disabled.active,
+.ant-btn-danger.disabled.active,
+.ant-btn-danger[disabled].active {
+    background-color: @blackE8 !important;
+    border-color: @blackE8;
+    color: @blackBF;
+}
diff --git a/theme/template/Layout/index.jsx b/theme/template/Layout/index.jsx
@@ -13,8 +13,8 @@ import utils from '../../utils';
 // import '../../dt-theme/reset.less';
 // import '../../dt-theme/index.less';
 
-// import '../../dt-theme/default/index.less';
-import '../../dt-theme/dark/index.less';
+import '../../dt-theme/default/index.less';
+// import '../../dt-theme/dark/index.less';
 
 if (typeof window !== 'undefined' && navigator.serviceWorker) {
     navigator.serviceWorker.getRegistrations().then(registrations => {