From 7221965629b0ec146fbdca7c36198ba5ed51dc9f Mon Sep 17 00:00:00 2001 From: Ashish Gupta Date: Wed, 10 May 2023 00:30:14 +0530 Subject: [PATCH] restric global effect css of manage dropdown button (#11504) Co-authored-by: Chirag Madlani <12962843+chirag-madlani@users.noreply.github.com> --- .../GlossaryHeader.component.tsx | 1 + .../components/Glossary/GlossaryV1.style.less | 19 +++++++++++-------- .../components/TeamDetails/TeamDetailsV1.tsx | 1 + .../ManageButton/ManageButton.less | 18 ++++++++++-------- .../ManageButton/ManageButton.tsx | 1 + 5 files changed, 24 insertions(+), 16 deletions(-) diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryHeader/GlossaryHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryHeader/GlossaryHeader.component.tsx index 00077a3b4aa..9d111f7bd30 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryHeader/GlossaryHeader.component.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryHeader/GlossaryHeader.component.tsx @@ -409,6 +409,7 @@ const GlossaryHeader = ({ items: manageButtonContent, }} open={showActions} + overlayClassName="glossary-manage-dropdown-list-container" overlayStyle={{ width: '350px' }} placement="bottomRight" trigger={['click']} diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryV1.style.less b/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryV1.style.less index f61b4ca6ea8..f40c4faa140 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryV1.style.less +++ b/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryV1.style.less @@ -47,16 +47,19 @@ } } -.ant-dropdown-menu { - padding: 8px 0px; - background: @white; - border: 1px solid #dde3ea; - box-shadow: 1px 1px 3px rgb(0 0 0 / 12%); - border-radius: 4px; - .ant-dropdown-menu-item { - padding: 5px 16px; +.glossary-manage-dropdown-list-container { + .ant-dropdown-menu { + padding: 8px 0px; + background: @white; + border: 1px solid #dde3ea; + box-shadow: 1px 1px 3px rgb(0 0 0 / 12%); + border-radius: 4px; + .ant-dropdown-menu-item { + padding: 5px 16px; + } } } + .glossary-tree-container { .ant-tree-node-content-wrapper { overflow: hidden; diff --git a/openmetadata-ui/src/main/resources/ui/src/components/TeamDetails/TeamDetailsV1.tsx b/openmetadata-ui/src/main/resources/ui/src/components/TeamDetails/TeamDetailsV1.tsx index f12a043738c..45655835039 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/TeamDetails/TeamDetailsV1.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/TeamDetails/TeamDetailsV1.tsx @@ -1095,6 +1095,7 @@ const TeamDetailsV1 = ({ align={{ targetOffset: [-12, 0] }} menu={{ items: [DELETED_TOGGLE_MENU_ITEM] }} open={showActions} + overlayClassName="manage-dropdown-list-container" overlayStyle={{ width: '350px' }} placement="bottomRight" trigger={['click']} diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/entityPageInfo/ManageButton/ManageButton.less b/openmetadata-ui/src/main/resources/ui/src/components/common/entityPageInfo/ManageButton/ManageButton.less index a84b9f8c5d8..5b0d49e1ac4 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/common/entityPageInfo/ManageButton/ManageButton.less +++ b/openmetadata-ui/src/main/resources/ui/src/components/common/entityPageInfo/ManageButton/ManageButton.less @@ -51,13 +51,15 @@ background-color: @manage-button-bg-primary; } -.ant-dropdown-menu { - padding: 8px 0px; - background: @white; - border: 1px solid #dde3ea; - box-shadow: 1px 1px 3px rgb(0 0 0 / 12%); - border-radius: 4px; - .ant-dropdown-menu-item { - padding: 5px 16px; +.manage-dropdown-list-container { + .ant-dropdown-menu { + padding: 8px 0px; + background: @white; + border: 1px solid #dde3ea; + box-shadow: 1px 1px 3px rgb(0 0 0 / 12%); + border-radius: 4px; + .ant-dropdown-menu-item { + padding: 5px 16px; + } } } diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/entityPageInfo/ManageButton/ManageButton.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/entityPageInfo/ManageButton/ManageButton.tsx index c8e2da660a2..5f5f75415c3 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/common/entityPageInfo/ManageButton/ManageButton.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/common/entityPageInfo/ManageButton/ManageButton.tsx @@ -215,6 +215,7 @@ const ManageButton: FC = ({ align={{ targetOffset: [-12, 0] }} menu={{ items }} open={showActions} + overlayClassName="manage-dropdown-list-container" overlayStyle={{ width: '350px' }} placement="bottomRight" trigger={['click']}