diff --git a/client/app/assets/less/ant.less b/client/app/assets/less/ant.less index 70a481ce9d..245f11d9ce 100644 --- a/client/app/assets/less/ant.less +++ b/client/app/assets/less/ant.less @@ -35,6 +35,22 @@ @import "~antd/lib/notification/style/index"; @import 'inc/ant-variables'; +// Increase z-indexes to avoid conflicts with some other libraries (e.g. Plotly) +@zindex-modal: 2000; +@zindex-modal-mask: 2000; +@zindex-message: 2010; +@zindex-notification: 2010; +@zindex-popover: 2030; +@zindex-dropdown: 2050; +@zindex-picker: 2050; +@zindex-tooltip: 2060; + +.@{drawer-prefix-cls} { + &.help-drawer { + z-index: 3000; // help drawer should be topmost + } +} + // Remove bold in labels for Ant checkboxes and radio buttons .ant-checkbox-wrapper, .ant-radio-wrapper { @@ -59,6 +75,7 @@ } // Fix for Ant dropdowns when they are used in Boootstrap modals +// ANGULAR_REMOVE_ME Remove when all dialogs will be migrated to React (also search and remove usages) .ant-dropdown-in-bootstrap-modal { z-index: 1050; } @@ -288,10 +305,6 @@ margin-top: 4px; } -.ant-popover { - z-index: 1000; // make sure it doesn't cover drawer -} - // Notification overrides .@{notification-prefix-cls} { // vertical centering diff --git a/client/app/components/dashboards/AddWidgetDialog.jsx b/client/app/components/dashboards/AddWidgetDialog.jsx index 12812d451f..d870b6d790 100644 --- a/client/app/components/dashboards/AddWidgetDialog.jsx +++ b/client/app/components/dashboards/AddWidgetDialog.jsx @@ -113,7 +113,6 @@ class AddWidgetDialog extends React.Component { className="w-100" defaultValue={first(this.state.selectedQuery.visualizations).id} onChange={visualizationId => this.selectVisualization(this.state.selectedQuery, visualizationId)} - dropdownClassName="ant-dropdown-in-bootstrap-modal" > {visualizationGroups.map(visualizations => (