fix:hover行背景色宽度修改

This commit is contained in:
izbz wh 2019-07-13 11:01:22 +08:00
parent 9a84238d1d
commit 7f8d67854d
8 changed files with 20 additions and 11 deletions

View File

@ -126,7 +126,9 @@
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
.u-tree li a.u-tree-node-content-wrapper {
width: calc(100% - 40px); }
width: calc(100%); }
.u-tree li .u-tree-checkbox + a.u-tree-node-content-wrapper {
width: calc(100% - 40px); }
.u-tree li a:hover {
background-color: rgb(235, 236, 240); }
.u-tree li a.u-tree-node-selected {

File diff suppressed because one or more lines are too long

7
dist/demo.css vendored
View File

@ -114,7 +114,9 @@
color: #212121;
transition: all 0.3s ease; }
.u-tree li a.u-tree-node-content-wrapper {
width: calc(100% - 40px); }
width: calc(100%); }
.u-tree li .u-tree-checkbox + a.u-tree-node-content-wrapper {
width: calc(100% - 40px); }
.u-tree li a:hover {
background-color: rgb(235, 236, 240); }
.u-tree li a.u-tree-node-selected {
@ -288,9 +290,6 @@
.myCls.u-tree {
max-width: 240px; }
.demo2.u-tree {
height: 200px;
overflow: scroll; }
.u-tree-searchable-filter {
color: #f50;

2
dist/demo.css.map vendored

File diff suppressed because one or more lines are too long

2
dist/demo.js vendored

File diff suppressed because one or more lines are too long

2
dist/demo.js.map vendored

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
{
"name": "bee-tree",
"version": "2.0.15",
"version": "2.0.16-beta.1",
"description": "Tree ui component for react",
"keywords": [
"react",

View File

@ -150,6 +150,7 @@ $treePrefixCls : "u-tree";
margin: 0;
padding: 0 0 0 18px;
}
li a {
display: inline-block;
padding: 3px 4px;
@ -163,10 +164,17 @@ $treePrefixCls : "u-tree";
transition: all 0.3s ease;
// a 标签hover宽度调整
&.u-tree-node-content-wrapper {
width: calc(100% - 40px);
width: calc(100%);
}
}
li .u-tree-checkbox+a{
// a 标签hover宽度调整
&.u-tree-node-content-wrapper {
width: calc(100% - 40px);
}
}
li a:hover {
background-color: $tree-node-bg-color;
}