123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- @import '../../style/themes/index';
- @import '../../style/mixins/index';
- @dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';
- .@{dropdown-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
- &::before {
- .@{dropdown-prefix-cls}-rtl& {
- right: -7px;
- left: 0;
- }
- }
- &-menu {
- &&-rtl {
- direction: rtl;
- text-align: right;
- }
- &-item-group-title {
- .@{dropdown-prefix-cls}-rtl &,
- .@{dropdown-prefix-cls}-menu-submenu-rtl & {
- direction: rtl;
- text-align: right;
- }
- }
- &-submenu-popup {
- &.@{dropdown-prefix-cls}-menu-submenu-rtl {
- transform-origin: 100% 0;
- }
- ul,
- li {
- .@{dropdown-prefix-cls}-rtl & {
- text-align: right;
- }
- }
- }
- &-item,
- &-submenu-title {
- .@{dropdown-prefix-cls}-rtl & {
- text-align: right;
- }
- > .@{iconfont-css-prefix}:first-child,
- > span > .@{iconfont-css-prefix}:first-child {
- .@{dropdown-prefix-cls}-rtl & {
- margin-right: 0;
- margin-left: 8px;
- }
- }
- .@{dropdown-prefix-cls}-menu-submenu-expand-icon {
- .@{dropdown-prefix-cls}-rtl & {
- right: auto;
- left: @padding-xs;
- }
- .@{dropdown-prefix-cls}-menu-submenu-arrow-icon {
- .@{dropdown-prefix-cls}-rtl & {
- margin-left: 0 !important;
- transform: scaleX(-1);
- }
- }
- }
- }
- &-submenu-title {
- .@{dropdown-prefix-cls}-rtl & {
- padding-right: @control-padding-horizontal;
- padding-left: @control-padding-horizontal + @font-size-sm;
- }
- }
- &-submenu-vertical > & {
- .@{dropdown-prefix-cls}-rtl & {
- right: 100%;
- left: 0;
- margin-right: 4px;
- margin-left: 0;
- }
- }
- }
- }
|