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 { |
||||
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 { |
||||
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