Browse Source
fix: fix menu and spin style in compact mode (#22908)
* fix: fix menu and spin style in compact mode
* patch
pull/22941/head
zefeng
5 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with
7 additions and
3 deletions
-
components/menu/style/dark.less
-
components/spin/demo/size.md
|
|
|
@ -1,7 +1,7 @@ |
|
|
|
.@{menu-prefix-cls} { |
|
|
|
// dark theme |
|
|
|
&-dark, |
|
|
|
&-dark &-sub { |
|
|
|
&&-dark, |
|
|
|
&&-dark &-sub { |
|
|
|
color: @menu-dark-color; |
|
|
|
background: @menu-dark-bg; |
|
|
|
.@{menu-prefix-cls}-submenu-title .@{menu-prefix-cls}-submenu-arrow { |
|
|
|
@ -94,6 +94,10 @@ |
|
|
|
background-color: @menu-dark-item-hover-bg; |
|
|
|
} |
|
|
|
|
|
|
|
&-dark&-dark:not(&-horizontal) &-item-selected { |
|
|
|
background-color: @menu-dark-item-active-bg; |
|
|
|
} |
|
|
|
|
|
|
|
&-dark &-item-selected { |
|
|
|
color: @menu-dark-highlight-color; |
|
|
|
border-right: 0; |
|
|
|
|
|
|
|
@ -27,7 +27,7 @@ ReactDOM.render( |
|
|
|
``` |
|
|
|
|
|
|
|
<style> |
|
|
|
.ant-spin { |
|
|
|
.ant-spin.ant-spin-spinning { |
|
|
|
margin-right: 16px; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
