mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2025-01-18 12:34:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(select-menu): disabled selected item's color

Browse Source
This commit is contained in:
07akioni 2019-10-22 18:46:28 +08:00
parent 00f00f08c7
commit b9654c9dcf
4 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
demo/documentation/components/popselect/enUS/basic.md
View File

@ -12,7 +12,7 @@
export default {
data () {
return {
value: null,
value: 'Sunday Morning Call1',
options: [{
label: 'Go Let It Out1',
value: 'Go Let It Out1'

12
styles/BaseSelectMenu.scss
View File

@ -50,24 +50,24 @@
padding: 0px 14px;
white-space: nowrap;
color: map-get($map: $--base-select-menu-item-color, $key: "default");
@include m(selected) {
color: map-get($map: $--base-select-menu-item-color, $key: "selected");
}
@include m(disabled) {
color: map-get($map: $--base-select-menu-item-color, $key: "disabled");
&::after {
display: none;
}
@include m(selected) {
color: rgba(99, 226, 183, .3)!important;
color: map-get($map: $--base-select-menu-item-color, $key: "disabled-selected");
&::after {
border-right: 1px solid rgba(99, 226, 183, .3);
border-bottom: 1px solid rgba(99, 226, 183, .3);
border-right: 1px solid map-get($map: $--base-select-menu-item-color, $key: "disabled-selected");
border-bottom: 1px solid map-get($map: $--base-select-menu-item-color, $key: "disabled-selected");
display: block;
}
}
cursor: not-allowed;
}
@include m(selected) {
color: map-get($map: $--base-select-menu-item-color, $key: "selected");
}
@include m(no-data) {
color: map-get($map: $--base-select-menu-item-color, $key: "disabled");
text-align: center;

3
styles/themes/dark/components/BaseSelectMenu.scss
View File

@ -2,7 +2,8 @@
$--base-select-menu-item-color: (
"default": $--n-secondary-text-color,
"selected": $--n-primary-color,
"disabled": $--n-disabled-text-color
"disabled": $--n-disabled-text-color,
"disabled-selected": change-color($--n-primary-color, $alpha: .4)
) !global;
$--base-select-menu-background-color: $--n-popover-color !global;
$--base-select-menu-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.12) !global;

3
styles/themes/light/components/BaseSelectMenu.scss
View File

@ -2,7 +2,8 @@
$--base-select-menu-item-color: (
"default": $--n-secondary-text-color,
"selected": $--n-primary-color,
"disabled": $--n-disabled-text-color
"disabled": $--n-disabled-text-color,
"disabled-selected": change-color($--n-primary-color, $alpha: .4)
) !global;
$--base-select-menu-background-color: white !global;
$--base-select-menu-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.12) !global;