yujunjun/OpenMetadata
1
0
Fork 0
mirror of https://github.com/open-metadata/OpenMetadata.git synced 2026-01-06 04:26:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI : Fix the alignment and view of Delete Modal (#9895)

Browse Source 
* Fix the alignment and view of Delete Modal

* remove unwanted z-index
This commit is contained in:
Ashish Gupta 2023-01-25 12:18:48 +05:30 committed by GitHub
parent d776224bcf
commit 024519f92b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/ActivityFeedList/ActivityFeedList.less
View File

@ -39,5 +39,6 @@
margin-right: -8px;
z-index: 300;
background-color: @filters-container-bg;
z-index: 10;
}
}

2
openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/ActivityFeedList/ActivityFeedList.tsx
View File

@ -267,7 +267,7 @@ const ActivityFeedList: FC<ActivityFeedListProp> = ({
<>
{relativeDays.map((d, i) => {
return (
<div data-testid={`feed${i}`} key={i}>
<div className="relative z-5" data-testid={`feed${i}`} key={i}>
<FeedListSeparator
className="relative m-y-xs"
relativeDay={d}

4
openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/ActivityFeedPanel/ActivityFeedPanel.tsx
View File

@ -79,12 +79,12 @@ const ActivityFeedPanel: FC<ActivityFeedPanelProp> = ({
return (
<div className={classNames('tw-h-full', className)}>
<FeedPanelOverlay
className="tw-z-9997 tw-fixed tw-inset-0 tw-top-16 tw-h-full tw-w-3/5 tw-bg-black tw-opacity-40"
className="tw-fixed tw-inset-0 tw-top-16 tw-h-full tw-w-3/5 tw-bg-black tw-opacity-40 z-10"
onCancel={onCancel}
/>
<div
className={classNames(
'tw-top-16 tw-right-0 tw-bottom-0 tw-w-2/5 tw-bg-white tw-fixed tw-shadow-md tw-transform tw-ease-in-out tw-duration-1000 tw-overflow-y-auto tw-z-9997',
'tw-top-16 tw-right-0 tw-bottom-0 tw-w-2/5 tw-bg-white tw-fixed tw-shadow-md tw-transform tw-ease-in-out tw-duration-1000 tw-overflow-y-auto z-10',
{
'tw-translate-x-0': open,
'tw-translate-x-full': !open,

1
openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/DeleteConfirmationModal/DeleteConfirmationModal.tsx
View File

@ -27,7 +27,6 @@ const DeleteConfirmationModal: FC<DeleteConfirmationModalProp> = ({
<ConfirmationModal
bodyText={t('message.confirm-delete-message')}
cancelText={t('label.cancel')}
className="tw-w-auto tw-h-screen"
confirmText={t('label.delete')}
header={t('message.delete-message-question-mark')}
visible={visible}

4
openmetadata-ui/src/main/resources/ui/src/styles/app.less
View File

@ -245,6 +245,10 @@
.bg-white {
background: @white;
}
.z-5 {
z-index: 5;
}
.z-10 {
z-index: 10;
}