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

fix(ui): tweak floating-ui dropdowns

Browse Source
This commit is contained in:
Łukasz Mierzwa
2022-03-20 22:48:20 +00:00
committed by Łukasz Mierzwa
parent 5725add74f
commit e4ab0223bc
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,7 +2,7 @@ import { FC, Ref, CSSProperties, useRef, useState, useCallback } from "react";
import { observer } from "mobx-react-lite";
import { useFloating, shift, flip, offset } from "@floating-ui/react-dom";
import { useFloating, shift, offset } from "@floating-ui/react-dom";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faCaretDown } from "@fortawesome/free-solid-svg-icons/faCaretDown";
@@ -167,7 +167,7 @@ const AlertMenu: FC<{
const { x, y, reference, floating, strategy } = useFloating({
placement: "bottom-start",
middleware: [shift(), flip(), offset(5)],
middleware: [shift(), offset(5)],
});
return (

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

@@ -2,7 +2,7 @@ import { FC, useRef, useState, useCallback, Ref, CSSProperties } from "react";
import copy from "copy-to-clipboard";
import { useFloating, shift, flip, offset } from "@floating-ui/react-dom";
import { useFloating, shift, offset } from "@floating-ui/react-dom";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faBars } from "@fortawesome/free-solid-svg-icons/faBars";
@@ -166,7 +166,7 @@ const GroupMenu: FC<{
const { x, y, reference, floating, strategy } = useFloating({
placement: "bottom-start",
middleware: [shift(), flip(), offset(5)],
middleware: [shift(), offset(5)],
});
return (

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

@@ -9,7 +9,7 @@ import React, {
import { observer } from "mobx-react-lite";
import { useFloating, shift, flip, offset } from "@floating-ui/react-dom";
import { useFloating, shift, offset } from "@floating-ui/react-dom";
import type { OnChangeValue } from "react-select";
import AsyncSelect from "react-select/async";
@@ -144,7 +144,7 @@ const GridLabelSelect: FC<{
const { x, y, reference, floating, strategy } = useFloating({
placement: "bottom",
middleware: [shift(), flip(), offset(5)],
middleware: [shift(), offset(5)],
});
return (