123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- @import '../../style/themes/index';
- @tree-prefix-cls: ~'@{ant-prefix}-tree';
- .@{tree-prefix-cls}.@{tree-prefix-cls}-directory {
- // ================== TreeNode ==================
- .@{tree-prefix-cls}-treenode {
- position: relative;
- // Hover color
- &::before {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 4px;
- left: 0;
- transition: background-color 0.3s;
- content: '';
- pointer-events: none;
- }
- &:hover {
- &::before {
- background: @item-hover-bg;
- }
- }
- // Elements
- > * {
- z-index: 1;
- }
- // >>> Switcher
- .@{tree-prefix-cls}-switcher {
- transition: color 0.3s;
- }
- // >>> Title
- .@{tree-prefix-cls}-node-content-wrapper {
- border-radius: 0;
- user-select: none;
- &:hover {
- background: transparent;
- }
- &.@{tree-prefix-cls}-node-selected {
- color: @tree-directory-selected-color;
- background: transparent;
- }
- }
- // ============= Selected =============
- &-selected {
- &:hover::before,
- &::before {
- background: @tree-directory-selected-bg;
- }
- // >>> Switcher
- .@{tree-prefix-cls}-switcher {
- color: @tree-directory-selected-color;
- }
- // >>> Title
- .@{tree-prefix-cls}-node-content-wrapper {
- color: @tree-directory-selected-color;
- background: transparent;
- }
- }
- }
- }
|