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

fix(transfer): item hover background

Browse Source
This commit is contained in:
07akioni 2020-11-17 18:29:11 +08:00
parent 9ef3cf0b0d
commit 8772979fb1
3 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/transfer/src/styles/themed-base/index.cssr.js
View File

@ -24,6 +24,7 @@ export default c([
buttonColorDisabled,
filterBorderColor,
itemTextColor,
itemColorPending,
itemTextColorDisabled
} = props.$local
return [
@ -154,13 +155,18 @@ export default c([
})
]),
cB('transfer-list-item', {
transition: `color .3s ${cubicBezierEaseInOut}`,
transition: `
background-color .3s ${cubicBezierEaseInOut},
color .3s ${cubicBezierEaseInOut}`,
position: 'relative',
cursor: 'pointer',
display: 'flex',
alignItems: 'center',
color: itemTextColor
}, [
c('&:hover', {
backgroundColor: itemColorPending
}),
cE('extra', {
textOverflow: 'ellipsis',
overflow: 'hidden',
@ -175,6 +181,7 @@ export default c([
}),
cM('disabled', {
cursor: 'not-allowed',
backgroundColor: 'transparent',
color: itemTextColorDisabled
}),
cM('source', {

3
src/transfer/styles/dark.js
View File

@ -24,7 +24,8 @@ export default create({
buttonColorDisabled: 'rgba(255, 255, 255, 0.15)',
filterBorderColor: derived.dividerColorOverlay,
itemTextColor: derived.textColor2Overlay,
itemTextColorDisabled: derived.textColorDisabledOverlay
itemTextColorDisabled: derived.textColorDisabledOverlay,
itemColorPending: derived.hoverColorOverlay
}
}
})

3
src/transfer/styles/light.js
View File

@ -28,7 +28,8 @@ export default create({
buttonColorDisabled: 'rgba(0, 0, 0, 0.1)',
filterBorderColor: derived.dividerColorOverlay,
itemTextColor: derived.textColor2,
itemTextColorDisabled: derived.textColorDisabled
itemTextColorDisabled: derived.textColorDisabled,
itemColorPending: derived.hoverColorOverlay
}
}
})