restric global effect css of manage dropdown button (#11504)

Co-authored-by: Chirag Madlani <12962843+chirag-madlani@users.noreply.github.com>
This commit is contained in:
Ashish Gupta 2023-05-10 00:30:14 +05:30 committed by GitHub
parent 100f885138
commit 7221965629
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 24 additions and 16 deletions

View File

@ -409,6 +409,7 @@ const GlossaryHeader = ({
items: manageButtonContent, items: manageButtonContent,
}} }}
open={showActions} open={showActions}
overlayClassName="glossary-manage-dropdown-list-container"
overlayStyle={{ width: '350px' }} overlayStyle={{ width: '350px' }}
placement="bottomRight" placement="bottomRight"
trigger={['click']} trigger={['click']}

View File

@ -47,16 +47,19 @@
} }
} }
.ant-dropdown-menu { .glossary-manage-dropdown-list-container {
padding: 8px 0px; .ant-dropdown-menu {
background: @white; padding: 8px 0px;
border: 1px solid #dde3ea; background: @white;
box-shadow: 1px 1px 3px rgb(0 0 0 / 12%); border: 1px solid #dde3ea;
border-radius: 4px; box-shadow: 1px 1px 3px rgb(0 0 0 / 12%);
.ant-dropdown-menu-item { border-radius: 4px;
padding: 5px 16px; .ant-dropdown-menu-item {
padding: 5px 16px;
}
} }
} }
.glossary-tree-container { .glossary-tree-container {
.ant-tree-node-content-wrapper { .ant-tree-node-content-wrapper {
overflow: hidden; overflow: hidden;

View File

@ -1095,6 +1095,7 @@ const TeamDetailsV1 = ({
align={{ targetOffset: [-12, 0] }} align={{ targetOffset: [-12, 0] }}
menu={{ items: [DELETED_TOGGLE_MENU_ITEM] }} menu={{ items: [DELETED_TOGGLE_MENU_ITEM] }}
open={showActions} open={showActions}
overlayClassName="manage-dropdown-list-container"
overlayStyle={{ width: '350px' }} overlayStyle={{ width: '350px' }}
placement="bottomRight" placement="bottomRight"
trigger={['click']} trigger={['click']}

View File

@ -51,13 +51,15 @@
background-color: @manage-button-bg-primary; background-color: @manage-button-bg-primary;
} }
.ant-dropdown-menu { .manage-dropdown-list-container {
padding: 8px 0px; .ant-dropdown-menu {
background: @white; padding: 8px 0px;
border: 1px solid #dde3ea; background: @white;
box-shadow: 1px 1px 3px rgb(0 0 0 / 12%); border: 1px solid #dde3ea;
border-radius: 4px; box-shadow: 1px 1px 3px rgb(0 0 0 / 12%);
.ant-dropdown-menu-item { border-radius: 4px;
padding: 5px 16px; .ant-dropdown-menu-item {
padding: 5px 16px;
}
} }
} }

View File

@ -215,6 +215,7 @@ const ManageButton: FC<Props> = ({
align={{ targetOffset: [-12, 0] }} align={{ targetOffset: [-12, 0] }}
menu={{ items }} menu={{ items }}
open={showActions} open={showActions}
overlayClassName="manage-dropdown-list-container"
overlayStyle={{ width: '350px' }} overlayStyle={{ width: '350px' }}
placement="bottomRight" placement="bottomRight"
trigger={['click']} trigger={['click']}