github_mirrors/gf-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/gf-vben-admin.git synced 2025-01-23 11:50:20 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(dark-theme): disabled link button color

Browse Source 
修复黑暗主题下禁用状态的link类型按钮的颜色
This commit is contained in:
无木 2021-07-21 21:51:48 +08:00
parent 9b7ede09b9
commit 42812162c4
3 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.zh_CN.md
View File

@ -6,6 +6,7 @@
- **Dark Theme** 黑暗主题下的配色问题修正
- 修复`Tree`组件被选中节点的背景颜色
- 修复`Alert`组件的颜色配置
- 修复禁用状态下的`link`类型的按钮颜色问题
## 2.6.1(2021-07-19)

4
build/vite/plugin/theme.ts
View File

@ -45,8 +45,8 @@ export function configThemePlugin(isBuild: boolean): Plugin[] {
}),
antdDarkThemePlugin({
preloadFiles: [
//path.resolve(process.cwd(), 'node_modules/ant-design-vue/dist/antd.less'),
path.resolve(process.cwd(), 'node_modules/ant-design-vue/dist/antd.dark.less'),
path.resolve(process.cwd(), 'node_modules/ant-design-vue/dist/antd.less'),
//path.resolve(process.cwd(), 'node_modules/ant-design-vue/dist/antd.dark.less'),
path.resolve(process.cwd(), 'src/design/index.less'),
],
filter: (id) => (isBuild ? !id.endsWith('antd.less') : true),

23
src/design/ant/btn.less
View File

@ -50,15 +50,15 @@
border-color: @button-cancel-hover-border-color;
}
&[disabled],
&[disabled]:hover {
color: fade(@button-cancel-color, 40%);
background: fade(@button-cancel-bg-color, 40%);
border-color: fade(@button-cancel-border-color, 40%);
}
//&[disabled],
//&[disabled]:hover {
// color: fade(@button-cancel-color, 40%);
// background: fade(@button-cancel-bg-color, 40%);
// border-color: fade(@button-cancel-border-color, 40%);
//}
}
&.ant-btn-link.is-disabled {
[data-theme='light'] &.ant-btn-link.is-disabled {
color: rgba(0, 0, 0, 0.25);
text-shadow: none;
cursor: not-allowed !important;
@ -67,6 +67,15 @@
box-shadow: none;
}
[data-theme='dark'] &.ant-btn-link.is-disabled {
color: rgba(255, 255, 255, 0.25) !important;
text-shadow: none;
cursor: not-allowed !important;
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none;
}
// color: @white;
&-success.ant-btn-link:not([disabled='disabled']) {