mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-27 20:49:53 +08:00
Code Issues Actions 39 Packages Projects Releases Wiki Activity

fix: Notification RTL should have corrent margin (#45386)

Browse Source
This commit is contained in:
MadCcc 2023-10-17 16:57:54 +08:00 committed by GitHub
parent fc5abff7d3
commit 7ceb1fb31c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/notification/style/index.ts
View File

@ -181,7 +181,10 @@ const genNotificationStyle: GenerateStyle<NotificationToken> = (token) => {
position: 'fixed',
zIndex: token.zIndexPopup,
marginInlineEnd: notificationMarginEdge,
marginRight: {
value: notificationMarginEdge,
_skip_check_: true,
},
[`${componentCls}-hook-holder`]: {
position: 'relative',

11
components/notification/style/placement.ts
View File

@ -87,8 +87,14 @@ const genNotificationPlacementStyle: GenerateStyle<NotificationToken, CSSObject>
},
[`&${componentCls}-topLeft, &${componentCls}-bottomLeft`]: {
marginInlineEnd: 0,
marginInlineStart: notificationMarginEdge,
marginRight: {
value: 0,
_skip_check_: true,
},
marginLeft: {
value: notificationMarginEdge,
_skip_check_: true,
},
[noticeCls]: {
marginInlineEnd: 'auto',
@ -103,4 +109,5 @@ const genNotificationPlacementStyle: GenerateStyle<NotificationToken, CSSObject>
},
};
};
export default genNotificationPlacementStyle;