remove notification x offset

Author: zombieJ

assets/index.less

@@ -20,7 +20,7 @@
 
     .@{notificationPrefixCls}-notice {
       @{vertical}: var(--notification-y, 0);
-      @{horizontal}: var(--notification-x, 0);
+      @{horizontal}: 0;
       transform-origin: @transformOrigin;
     }
 
@@ -82,7 +82,7 @@
 
     .@{notificationPrefixCls}-notice {
       @{vertical}: var(--notification-y, 0);
-      left: var(--notification-x, 0);
+      left: 0;
       transform-origin: @transformOrigin;
     }
 

src/Notification.tsx

@@ -44,7 +44,6 @@ export interface NotificationProps {
   actions?: React.ReactNode;
   closable?: ClosableType;
   offset?: {
-    x: number;
     y: number;
   };
   notificationIndex?: number;
@@ -206,7 +205,6 @@ const Notification = React.forwardRef<HTMLDivElement, NotificationProps>((props,
   // ========================= Render =========================
   const mergedStyle: React.CSSProperties & {
     '--notification-index'?: number;
-    '--notification-x'?: string;
     '--notification-y'?: string;
   } = {
     '--notification-index': mergedNotificationIndex,
@@ -215,7 +213,6 @@ const Notification = React.forwardRef<HTMLDivElement, NotificationProps>((props,
   };
 
   if (mergedOffset) {
-    mergedStyle['--notification-x'] = `${mergedOffset.x}px`;
     mergedStyle['--notification-y'] = `${mergedOffset.y}px`;
   }
 

src/hooks/useListPosition/index.ts

@@ -3,7 +3,6 @@ import type { StackConfig } from '../../interface';
 import useSizes from './useSizes';
 
 export type NodePosition = {
-  x: number;
   y: number;
 };
 
@@ -27,10 +26,10 @@ export default function useListPosition(
       .slice()
       .reverse()
       .forEach((config, index) => {
+        // Walk from newest to oldest so each notice can be positioned after the ones below it.
         const key = String(config.key);
         const height = sizeMap[key]?.height ?? 0;
         const nodePosition = {
-          x: 0,
           y: stack && index > 0 ? offsetY + (stack.offset ?? 0) - height : offsetY,
         };