mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-27 20:49:53 +08:00
Code Issues Actions 39 Packages Projects Releases Wiki Activity

Fix Tree and TreeSelect disabled style, close #6320

Browse Source
This commit is contained in:
afc163 2017-06-01 16:54:47 +08:00
parent e6ef5b5707
commit b0aef6cad5
4 changed files with 22 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/checkbox/style/mixin.less
View File

@ -96,6 +96,8 @@
}
.@{checkbox-prefix-cls}-disabled {
cursor: not-allowed;
&.@{checkbox-prefix-cls}-checked {
.@{checkbox-inner-prefix-cls}:after {
animation-name: none;

10
components/tree-select/style/index.less
View File

@ -99,13 +99,17 @@
display: block;
}
}
&-treenode-disabled {
li&-treenode-disabled {
> span,
> a,
> a span {
> .@{select-tree-prefix-cls}-node-content-wrapper,
> .@{select-tree-prefix-cls}-node-content-wrapper span,
> span.@{select-tree-prefix-cls}-switcher {
color: @disabled-color;
cursor: not-allowed;
}
> .@{select-tree-prefix-cls}-node-content-wrapper:hover {
background: transparent;
}
}
&-icon__open {
margin-right: 2px;

13
components/tree/style/index.less
View File

@ -4,6 +4,8 @@
@import "./mixin";
@tree-prefix-cls: ~"@{ant-prefix}-tree";
@tree-showline-icon-color: @text-color-secondary;
.antCheckboxFn(@checkbox-prefix-cls: ~"@{ant-prefix}-tree-checkbox");
.@{tree-prefix-cls} {
@ -141,13 +143,17 @@
display: block;
}
}
&-treenode-disabled {
li&-treenode-disabled {
> span,
> .@{tree-prefix-cls}-node-content-wrapper,
> .@{tree-prefix-cls}-node-content-wrapper span {
> .@{tree-prefix-cls}-node-content-wrapper span,
> span.@{tree-prefix-cls}-switcher {
color: @disabled-color;
cursor: not-allowed;
}
> .@{tree-prefix-cls}-node-content-wrapper:hover {
background: transparent;
}
}
&-icon__open {
margin-right: 2px;
@ -164,6 +170,7 @@
span {
&.@{tree-prefix-cls}-switcher {
background: @component-background;
color: @text-color;
&.@{tree-prefix-cls}-switcher-noop {
.antTreeShowLineIcon("tree-doc-icon");
}
@ -171,12 +178,14 @@
&.@{tree-prefix-cls}-center_open,
&.@{tree-prefix-cls}-bottom_open,
&.@{tree-prefix-cls}-noline_open {
color: @tree-showline-icon-color;
.antTreeShowLineIcon("tree-showline-open-icon");
}
&.@{tree-prefix-cls}-roots_close,
&.@{tree-prefix-cls}-center_close,
&.@{tree-prefix-cls}-bottom_close,
&.@{tree-prefix-cls}-noline_close {
color: @tree-showline-icon-color;
.antTreeShowLineIcon("tree-showline-close-icon");
}
}

7
components/tree/style/mixin.less
View File

@ -4,7 +4,6 @@
@tree-showline-open-icon: "\e621";
@tree-showline-close-icon: "\e645";
@tree-doc-icon: "\e664";
@tree-showline-icon-color: @text-color-secondary;
.antTreeSwitcherIcon(@type: "tree-default-open-icon") {
&:after {
@ -12,8 +11,7 @@
display: inline-block;
.iconfont-font(@@type);
font-weight: bold;
color: @text-color;
transition: transform .3s ease;
transition: transform .3s;
}
}
@ -24,7 +22,6 @@
.iconfont-font(@@type);
vertical-align: baseline;
font-weight: normal;
color: @tree-showline-icon-color;
transition: transform .3s ease;
transition: transform .3s;
}
}