Browse Source
* commit 'f3e5f74c02fd0ed13cca684cde73f8c3be819ea3': DESIGN-4103 feat: 多层级下拉树提供一套由开发者手动控制的标红方式es6
superman
3 years ago
9 changed files with 88 additions and 28 deletions
@ -1,20 +1,24 @@ |
|||||||
@import "../../index.less"; |
@import "../../index.less"; |
||||||
@val: transform .3s ease; |
|
||||||
.bi-multilayer-select-tree-combo { |
.bi-multilayer-select-tree-combo { |
||||||
& .trigger-icon-button{ |
|
||||||
font-size: @font-size-16; |
&.status-error { |
||||||
} |
&.bi-border, &.bi-border-bottom { |
||||||
// 此combo的trigger_button是absolute上去的,与bi-combo在同一层级,独立写一下 |
border-color: @border-color-negative; |
||||||
& .bi-combo.bi-combo-popup + .bi-trigger-icon-button { |
} |
||||||
& .x-icon { |
|
||||||
.rotate(180deg); |
.bi-trigger .select-text-label { |
||||||
.transition(@val); |
color: @color-bi-text-error-text-trigger; |
||||||
} |
} |
||||||
} |
} |
||||||
& .bi-combo + .bi-trigger-icon-button { |
|
||||||
& .x-icon { |
&.status-warning { |
||||||
.rotate(0deg); |
&.bi-border, &.bi-border-bottom { |
||||||
.transition(@val); |
border-color: @border-color-warning; |
||||||
|
} |
||||||
|
|
||||||
|
.bi-trigger .select-text-label { |
||||||
|
color: @font-color-warning; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
@ -1,20 +1,23 @@ |
|||||||
@import "../../index.less"; |
@import "../../index.less"; |
||||||
@val: transform .3s ease; |
|
||||||
.bi-multilayer-single-tree-combo { |
.bi-multilayer-single-tree-combo { |
||||||
& .trigger-icon-button{ |
&.status-error { |
||||||
font-size: @font-size-16; |
&.bi-border, &.bi-border-bottom { |
||||||
} |
border-color: @border-color-negative; |
||||||
// 此combo的trigger_button是absolute上去的,与bi-combo在同一层级,独立写一下 |
} |
||||||
& .bi-combo.bi-combo-popup + .bi-trigger-icon-button { |
|
||||||
& .x-icon { |
.bi-trigger .select-text-label { |
||||||
.rotate(180deg); |
color: @color-bi-text-error-text-trigger; |
||||||
.transition(@val); |
|
||||||
} |
} |
||||||
} |
} |
||||||
& .bi-combo + .bi-trigger-icon-button { |
|
||||||
& .x-icon { |
&.status-warning { |
||||||
.rotate(0deg); |
&.bi-border, &.bi-border-bottom { |
||||||
.transition(@val); |
border-color: @border-color-warning; |
||||||
|
} |
||||||
|
|
||||||
|
.bi-trigger .select-text-label { |
||||||
|
color: @font-color-warning; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
Loading…
Reference in new issue