github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-07 03:26:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): ensure that all dropdowns are not hidden under swimlanes

Browse Source
This commit is contained in:
Łukasz Mierzwa
2021-08-19 18:03:50 +01:00
committed by Łukasz Mierzwa
parent de9ba77e19
commit 3d4f9251df
5 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ui/src/Common/Popper.ts
View File

@@ -20,4 +20,10 @@ export const CommonPopperModifiers = [
roundOffsets: true,
},
},
{
name: "flip",
options: {
fallbackPlacements: [],
},
},
];

2
ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/AlertMenu.tsx
View File

@@ -192,7 +192,7 @@ const AlertMenu: FC<{
)}
</Reference>
<DropdownSlide in={!isHidden} unmountOnExit>
<Popper placement="bottom-start" modifiers={PopperModifiers}>
<Popper placement="bottom" modifiers={PopperModifiers}>
{({ placement, ref, style }) => (
<MenuContent
popperPlacement={placement}

2
ui/src/Components/Grid/AlertGrid/AlertGroup/GroupHeader/GroupMenu.tsx
View File

@@ -188,7 +188,7 @@ const GroupMenu: FC<{
)}
</Reference>
<DropdownSlide in={!isHidden} unmountOnExit>
<Popper placement="bottom-start" modifiers={PopperModifiers}>
<Popper placement="bottom" modifiers={PopperModifiers}>
{({ placement, ref, style }) => (
<MenuContent
popperPlacement={placement}

2
ui/src/Components/Grid/AlertGrid/GridLabelSelect.tsx
View File

@@ -169,7 +169,7 @@ const GridLabelSelect: FC<{
)}
</Reference>
<DropdownSlide in={isVisible} unmountOnExit>
<Popper modifiers={CommonPopperModifiers}>
<Popper placement="bottom" modifiers={CommonPopperModifiers}>
{({ placement, ref, style }) => (
<Dropdown
popperPlacement={placement}

2
ui/src/Components/NavBar/FilterInput/History.tsx
View File

@@ -255,7 +255,7 @@ const History: FC<{
)}
</Reference>
<DropdownSlide in={isVisible} unmountOnExit>
<Popper modifiers={CommonPopperModifiers}>
<Popper placement="bottom" modifiers={CommonPopperModifiers}>
{({ placement, ref, style }) => (
<HistoryMenu
popperPlacement={placement}