Browse Source
* commit '69f3fcd33cb39c02437ab5110d1df27a99b94103': BI-47753 fix: 可以搜索的多层级下拉树三角没有动画,和复选下拉统一下es6
guy
5 years ago
5 changed files with 85 additions and 1 deletions
@ -1,3 +1,25 @@ |
|||||||
|
.bi-multilayer-select-tree-combo .trigger-icon-button { |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
.bi-multilayer-select-tree-combo .bi-combo.bi-combo-popup + .bi-trigger-icon-button .x-icon { |
||||||
|
-webkit-transform: rotate(180deg); |
||||||
|
-moz-transform: rotate(180deg); |
||||||
|
transform: rotate(180deg); |
||||||
|
-webkit-transition: transform 0.3s ease; |
||||||
|
-moz-transition: transform 0.3s ease; |
||||||
|
-o-transition: transform 0.3s ease; |
||||||
|
transition: transform 0.3s ease; |
||||||
|
} |
||||||
|
.bi-multilayer-select-tree-combo .bi-combo + .bi-trigger-icon-button .x-icon { |
||||||
|
-webkit-transform: rotate(0deg); |
||||||
|
-moz-transform: rotate(0deg); |
||||||
|
transform: rotate(0deg); |
||||||
|
-webkit-transition: transform 0.3s ease; |
||||||
|
-moz-transition: transform 0.3s ease; |
||||||
|
-o-transition: transform 0.3s ease; |
||||||
|
transition: transform 0.3s ease; |
||||||
|
} |
||||||
|
|
||||||
.bi-multilayer-select-level-tree .tree-view { |
.bi-multilayer-select-level-tree .tree-view { |
||||||
min-width: 100%; |
min-width: 100%; |
||||||
} |
} |
||||||
|
@ -1,3 +1,25 @@ |
|||||||
|
.bi-multilayer-single-tree-combo .trigger-icon-button { |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
.bi-multilayer-single-tree-combo .bi-combo.bi-combo-popup + .bi-trigger-icon-button .x-icon { |
||||||
|
-webkit-transform: rotate(180deg); |
||||||
|
-moz-transform: rotate(180deg); |
||||||
|
transform: rotate(180deg); |
||||||
|
-webkit-transition: transform 0.3s ease; |
||||||
|
-moz-transition: transform 0.3s ease; |
||||||
|
-o-transition: transform 0.3s ease; |
||||||
|
transition: transform 0.3s ease; |
||||||
|
} |
||||||
|
.bi-multilayer-single-tree-combo .bi-combo + .bi-trigger-icon-button .x-icon { |
||||||
|
-webkit-transform: rotate(0deg); |
||||||
|
-moz-transform: rotate(0deg); |
||||||
|
transform: rotate(0deg); |
||||||
|
-webkit-transition: transform 0.3s ease; |
||||||
|
-moz-transition: transform 0.3s ease; |
||||||
|
-o-transition: transform 0.3s ease; |
||||||
|
transition: transform 0.3s ease; |
||||||
|
} |
||||||
|
|
||||||
.bi-multilayer-single-level-tree .tree-view { |
.bi-multilayer-single-level-tree .tree-view { |
||||||
min-width: 100%; |
min-width: 100%; |
||||||
} |
} |
||||||
|
@ -0,0 +1,20 @@ |
|||||||
|
@import "../../index"; |
||||||
|
@val: transform .3s ease; |
||||||
|
.bi-multilayer-select-tree-combo { |
||||||
|
& .trigger-icon-button{ |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
// 此combo的trigger_button是absolute上去的,与bi-combo在同一层级,独立写一下 |
||||||
|
& .bi-combo.bi-combo-popup + .bi-trigger-icon-button { |
||||||
|
& .x-icon { |
||||||
|
.rotate(180deg); |
||||||
|
.transition(@val); |
||||||
|
} |
||||||
|
} |
||||||
|
& .bi-combo + .bi-trigger-icon-button { |
||||||
|
& .x-icon { |
||||||
|
.rotate(0deg); |
||||||
|
.transition(@val); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,20 @@ |
|||||||
|
@import "../../index"; |
||||||
|
@val: transform .3s ease; |
||||||
|
.bi-multilayer-single-tree-combo { |
||||||
|
& .trigger-icon-button{ |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
// 此combo的trigger_button是absolute上去的,与bi-combo在同一层级,独立写一下 |
||||||
|
& .bi-combo.bi-combo-popup + .bi-trigger-icon-button { |
||||||
|
& .x-icon { |
||||||
|
.rotate(180deg); |
||||||
|
.transition(@val); |
||||||
|
} |
||||||
|
} |
||||||
|
& .bi-combo + .bi-trigger-icon-button { |
||||||
|
& .x-icon { |
||||||
|
.rotate(0deg); |
||||||
|
.transition(@val); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
Loading…
Reference in new issue