Skip to content

Commit

Permalink
Revert "Dashboard: Fix panels overlapping Save Drawer (#76675)"
Browse files Browse the repository at this point in the history
This reverts commit 67e2430.
  • Loading branch information
leeoniya committed Feb 27, 2024
1 parent 427f9e1 commit c09dac4
Showing 1 changed file with 1 addition and 11 deletions.
12 changes: 1 addition & 11 deletions public/app/features/dashboard/dashgrid/DashboardGrid.tsx
Expand Up @@ -221,7 +221,6 @@ export class DashboardGrid extends PureComponent<Props, State> {
const panelClasses = classNames({ 'react-grid-item--fullscreen': panel.isViewing });

// used to allow overflowing content to show on top of the next panel
// requires parent create stacking context to prevent overlap with parent elements
const descIndex = this.props.dashboard.panels.length - panelElements.length;

const p = (
Expand Down Expand Up @@ -302,18 +301,9 @@ export class DashboardGrid extends PureComponent<Props, State> {
* We have a parent with "flex: 1 1 0" we need to reset it to "flex: 1 1 auto" to have the AutoSizer
* properly working. For more information go here:
* https://github.com/bvaughn/react-virtualized/blob/master/docs/usingAutoSizer.md#can-i-use-autosizer-within-a-flex-container
*
* pos: rel + z-index is required to create a new stacking context to contain the escalating z-indexes of the panels
*/
return (
<div
style={{
flex: '1 1 auto',
position: 'relative',
zIndex: 1,
display: this.props.editPanel ? 'none' : undefined,
}}
>
<div style={{ flex: '1 1 auto', display: this.props.editPanel ? 'none' : undefined }}>
<AutoSizer disableHeight>
{({ width }) => {
if (width === 0) {
Expand Down

0 comments on commit c09dac4

Please sign in to comment.