test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-11-30 02:59:04 +08:00
Code Issues Actions 68 Packages Projects Releases Wiki Activity

style: Alert rtl (#28108)

Browse Source 
* style: Alert rtl

* update

* icon space

* update

* update

* fix
This commit is contained in:
jesse 2020-12-06 20:45:49 +08:00 committed by GitHub
parent 76f724b058
commit e097830a23
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/alert/style/index.less
View File

@ -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 {

56
components/alert/style/rtl.less
View File

@ -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;
}
}
&-action {
.@{alert-prefix-cls}-rtl & {
margin-right: @margin-xs;
margin-left: auto;
}
}
&-close-icon {
.@{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;
}
}
&-with-description&-no-icon {
.@{alert-prefix-cls}.@{alert-prefix-cls}-rtl& {
padding: 15px;
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;
}
}
}