From fcbcfed8c269a0aaebe5bc100716ef106ad95ac9 Mon Sep 17 00:00:00 2001 From: Ashish Gupta Date: Fri, 2 Sep 2022 14:00:25 +0530 Subject: [PATCH] UI - Antd Modal css improvement (#7087) * UI - Antd Modal css improvement * Remove unwanted css * created modal less file for overriding modal default css --- .../src/main/resources/ui/src/styles/index.js | 1 + .../main/resources/ui/src/styles/modal.less | 29 +++++++++++++++++++ 2 files changed, 30 insertions(+) create mode 100644 openmetadata-ui/src/main/resources/ui/src/styles/modal.less diff --git a/openmetadata-ui/src/main/resources/ui/src/styles/index.js b/openmetadata-ui/src/main/resources/ui/src/styles/index.js index d60d2aeead2..ab9df01930c 100644 --- a/openmetadata-ui/src/main/resources/ui/src/styles/index.js +++ b/openmetadata-ui/src/main/resources/ui/src/styles/index.js @@ -18,6 +18,7 @@ import './app.less'; import './components/glossary.less'; import './components/step.less'; import './fonts.css'; +import './modal.less'; import './myDataDetailsTemp.css'; import './slick-carousel.scss'; import './tailwind.css'; diff --git a/openmetadata-ui/src/main/resources/ui/src/styles/modal.less b/openmetadata-ui/src/main/resources/ui/src/styles/modal.less new file mode 100644 index 00000000000..b353ea76819 --- /dev/null +++ b/openmetadata-ui/src/main/resources/ui/src/styles/modal.less @@ -0,0 +1,29 @@ +.ant-modal-content { + border-radius: 8px; + box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.2); +} + +.ant-modal-header { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom: 1px solid #dde3ea; +} + +.ant-modal-footer { + padding: 16px 23px; + border-top: 1px solid #dde3ea; +} + +.ant-modal-close { + display: none; +} + +.ant-modal-footer .ant-btn-default { + border: none; + color: #7147e8; + margin-right: 5px; +} + +.ant-modal-footer .ant-btn-primary { + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25); +}