style: optimized Alert close icon show in rtl (ant-design#32286)

hulkyuan · Sep 24, 2021 · 094f9d6 · 094f9d6
1 parent 4c1f4f9
commit 094f9d6
Showing 1 changed file with 10 additions and 9 deletions.
diff --git a/components/alert/style/rtl.less b/components/alert/style/rtl.less
@@ -3,12 +3,6 @@
     direction: rtl;
   }
 
-  &&-no-icon {
-    .@{alert-prefix-cls}-rtl& {
-      padding: @alert-no-icon-padding-vertical 15px;
-    }
-  }
-
   &-icon {
     .@{alert-prefix-cls}-rtl & {
       margin-right: auto;
@@ -30,10 +24,17 @@
     }
   }
 
-  &-with-description &-icon {
+  &-with-description {
     .@{alert-prefix-cls}-rtl& {
-      margin-right: auto;
-      margin-left: @alert-with-description-padding-vertical;
+      padding-right: @alert-with-description-icon-size;
+      padding-left: @alert-with-description-padding-vertical;
+    }
+
+    .@{alert-prefix-cls}-icon {
+      .@{alert-prefix-cls}-rtl& {
+        margin-right: auto;
+        margin-left: @alert-with-description-padding-vertical;
+      }
     }
   }
 }