Browse Source
style: Alert rtl (#28108)
* style: Alert rtl
* update
* icon space
* update
* update
* fix
pull/28224/head
jesse
4 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with
12 additions and
45 deletions
-
components/alert/style/index.less
-
components/alert/style/rtl.less
|
|
|
@ -19,7 +19,7 @@ |
|
|
|
} |
|
|
|
|
|
|
|
&-icon { |
|
|
|
margin-right: 37px - 16 - @font-size-base; |
|
|
|
margin-right: @margin-xs; |
|
|
|
} |
|
|
|
|
|
|
|
&-description { |
|
|
|
@ -68,9 +68,6 @@ |
|
|
|
|
|
|
|
&-action { |
|
|
|
margin-left: @margin-xs; |
|
|
|
.@{alert-prefix-cls}-closable & { |
|
|
|
margin-right: @margin-xs; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
&-close-icon { |
|
|
|
|
|
|
|
@ -1,6 +1,5 @@ |
|
|
|
.@{alert-prefix-cls} { |
|
|
|
&&-rtl { |
|
|
|
padding: 8px 37px 8px 15px; |
|
|
|
direction: rtl; |
|
|
|
} |
|
|
|
|
|
|
|
@ -10,60 +9,31 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
&&-closable { |
|
|
|
.@{alert-prefix-cls}.@{alert-prefix-cls}-rtl& { |
|
|
|
padding-right: 37px; |
|
|
|
padding-left: 30px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
&&-no-icon&-closable { |
|
|
|
.@{alert-prefix-cls}.@{alert-prefix-cls}-rtl& { |
|
|
|
padding-right: 15px; |
|
|
|
padding-left: 30px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
&-icon { |
|
|
|
.@{alert-prefix-cls}-rtl & { |
|
|
|
right: @padding-md; |
|
|
|
left: auto; |
|
|
|
margin-right: auto; |
|
|
|
margin-left: @margin-xs; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
&-close-icon { |
|
|
|
&-action { |
|
|
|
.@{alert-prefix-cls}-rtl & { |
|
|
|
right: auto; |
|
|
|
left: @padding-md; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
&-with-description, |
|
|
|
&-with-description&-closable { |
|
|
|
.@{alert-prefix-cls}.@{alert-prefix-cls}-rtl& { |
|
|
|
padding: @alert-with-description-padding-vertical @alert-with-description-icon-size * 2 + |
|
|
|
@alert-with-description-padding-vertical @alert-with-description-no-icon-padding-vertical |
|
|
|
15px; |
|
|
|
margin-right: @margin-xs; |
|
|
|
margin-left: auto; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
&-with-description&-no-icon { |
|
|
|
.@{alert-prefix-cls}.@{alert-prefix-cls}-rtl& { |
|
|
|
padding: 15px; |
|
|
|
&-close-icon { |
|
|
|
.@{alert-prefix-cls}-rtl & { |
|
|
|
margin-right: @margin-xs; |
|
|
|
margin-left: auto; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
&-with-description &-icon { |
|
|
|
.@{alert-prefix-cls}-rtl& { |
|
|
|
right: @alert-with-description-icon-size; |
|
|
|
left: auto; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
&-with-description &-close-icon { |
|
|
|
.@{alert-prefix-cls}-rtl& { |
|
|
|
right: auto; |
|
|
|
left: @padding-md; |
|
|
|
margin-right: auto; |
|
|
|
margin-left: @alert-with-description-padding-vertical; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
