ant-design-blazor/components/tree/style/rtl.less

73 lines
1.6 KiB
Plaintext
Raw Normal View History

2020-03-23 13:51:37 +08:00
@import '../../style/themes/index';
@import '../../style/mixins/index';
@import '../../checkbox/style/mixin';
@tree-prefix-cls: ~'@{ant-prefix}-tree';
2020-05-31 16:00:40 +08:00
@select-tree-prefix-cls: ~'@{ant-prefix}-select-tree';
2020-03-23 13:51:37 +08:00
@tree-node-prefix-cls: ~'@{tree-prefix-cls}-treenode';
2020-05-16 23:21:59 +08:00
.@{tree-prefix-cls} {
&-rtl {
direction: rtl;
2020-12-01 11:02:28 +08:00
.@{tree-prefix-cls}-node-content-wrapper[draggable='true'] {
.@{tree-prefix-cls}-drop-indicator {
&::after {
right: -6px;
left: unset;
}
}
}
2020-05-16 23:21:59 +08:00
}
// ===================== TreeNode =====================
.@{tree-node-prefix-cls} {
2020-03-23 13:51:37 +08:00
&-rtl {
direction: rtl;
}
2020-05-16 23:21:59 +08:00
}
2020-03-23 13:51:37 +08:00
2020-05-16 23:21:59 +08:00
// >>> Switcher
2020-11-15 17:03:30 +08:00
&-switcher {
2020-05-16 23:21:59 +08:00
&_close {
.@{tree-prefix-cls}-switcher-icon {
svg {
2020-12-01 11:02:28 +08:00
.@{tree-prefix-cls}-rtl & {
2020-05-16 23:21:59 +08:00
transform: rotate(90deg);
2020-03-23 13:51:37 +08:00
}
}
}
}
2020-05-16 23:21:59 +08:00
}
// ==================== Show Line =====================
&-show-line {
// ================ Indent lines ================
.@{tree-prefix-cls}-indent {
&-unit {
&::before {
.@{tree-prefix-cls}-rtl& {
right: auto;
2020-08-23 16:06:08 +08:00
left: -@tree-title-height / 2 - 1px;
2020-05-16 23:21:59 +08:00
border-right: none;
border-left: 1px solid @border-color-base;
2020-03-23 13:51:37 +08:00
}
}
}
}
}
2020-05-31 16:00:40 +08:00
// >>> Checkbox
& &-checkbox {
.@{tree-prefix-cls}-rtl& {
margin: ((@tree-title-height - @checkbox-size) / 2) 0 0 8px;
}
}
}
.@{select-tree-prefix-cls} {
// >>> Checkbox
& &-checkbox {
.@{tree-prefix-cls}-select-dropdown-rtl & {
margin: ((@tree-title-height - @checkbox-size) / 2) 0 0 8px;
}
}
2020-03-23 13:51:37 +08:00
}