[@mantine/core] ActionIcon.Group: Fix border style for RTL

mantinedev · Sep 28, 2023 · cb610aa · cb610aa
1 parent 7dc4a72
commit cb610aa
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/src/mantine-core/src/components/ActionIcon/ActionIcon.module.css b/src/mantine-core/src/components/ActionIcon/ActionIcon.module.css
@@ -103,6 +103,24 @@
         border-right-width: calc(var(--ai-border-width) / 2);
         border-left-width: calc(var(--ai-border-width) / 2);
       }
+
+      @mixin rtl {
+        &:not(:only-child):first-child {
+          border: var(--ai-bd, rem(1px) solid transparent);
+          border-radius: var(--ai-radius, var(--mantine-radius-default));
+          border-bottom-left-radius: 0;
+          border-top-left-radius: 0;
+          border-left-width: calc(var(--ai-border-width) / 2);
+        }
+
+        &:not(:only-child):last-child {
+          border: var(--ai-bd, rem(1px) solid transparent);
+          border-radius: var(--ai-radius, var(--mantine-radius-default));
+          border-bottom-right-radius: 0;
+          border-top-right-radius: 0;
+          border-right-width: calc(var(--ai-border-width) / 2);
+        }
+      }
     }
   }