mirror of
https://github.com/apache/superset.git
synced 2024-09-12 00:29:39 -04:00
fix: extended droppable area on the top of dashboards (#11525)
* Extended droppable area on the top * Empty dashboard detects almost whole area to place first element
This commit is contained in:
parent
849e7e9668
commit
ea0abbffb4
@ -171,7 +171,7 @@ class DashboardGrid extends React.PureComponent {
|
|||||||
))}
|
))}
|
||||||
|
|
||||||
{/* make the area below components droppable */}
|
{/* make the area below components droppable */}
|
||||||
{editMode && (
|
{editMode && gridComponent.children.length > 0 && (
|
||||||
<DragDroppable
|
<DragDroppable
|
||||||
component={gridComponent}
|
component={gridComponent}
|
||||||
depth={depth}
|
depth={depth}
|
||||||
|
@ -52,6 +52,12 @@
|
|||||||
min-width: 16px;
|
min-width: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.empty-droptarget:first-child {
|
||||||
|
.drop-indicator--bottom {
|
||||||
|
top: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.drop-indicator--right {
|
.drop-indicator--right {
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 100%;
|
left: 100%;
|
||||||
@ -123,7 +129,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
& > .empty-droptarget:first-child {
|
& > .empty-droptarget:first-child {
|
||||||
height: 24px;
|
height: 48px;
|
||||||
margin-top: -24px;
|
margin-top: -24px;
|
||||||
|
margin-bottom: -24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
& > .empty-droptarget:only-child {
|
||||||
|
height: 80vh;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user