diff --git a/services/web/frontend/js/features/review-panel-new/components/review-tooltip-menu.tsx b/services/web/frontend/js/features/review-panel-new/components/review-tooltip-menu.tsx index 50c154dcc9..d750ac7f78 100644 --- a/services/web/frontend/js/features/review-panel-new/components/review-tooltip-menu.tsx +++ b/services/web/frontend/js/features/review-panel-new/components/review-tooltip-menu.tsx @@ -29,6 +29,7 @@ import { } from '../context/ranges-context' import { isInsertOperation } from '@/utils/operations' import { isCursorNearViewportEdge } from '@/features/source-editor/utils/is-cursor-near-edge' +import OLTooltip from '@/features/ui/components/ol/ol-tooltip' const ReviewTooltipMenu: FC = () => { const state = useCodeMirrorStateContext() @@ -129,18 +130,23 @@ const ReviewTooltipMenuContent: FC<{ {showChangesButtons && ( <>
- - + + + + + + + )}
diff --git a/services/web/frontend/stylesheets/app/editor/review-panel-new.less b/services/web/frontend/stylesheets/app/editor/review-panel-new.less index b455bf6d1b..e45ea94225 100644 --- a/services/web/frontend/stylesheets/app/editor/review-panel-new.less +++ b/services/web/frontend/stylesheets/app/editor/review-panel-new.less @@ -621,10 +621,11 @@ .review-panel-entry-hover { .review-panel-entry-content { - display: initial; + display: flex; position: absolute; left: -200px; top: 0; + padding: @spacing-04; } } diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/review-panel-new.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/review-panel-new.scss index 1cb90a476d..71f5f77722 100644 --- a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/review-panel-new.scss +++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/review-panel-new.scss @@ -612,10 +612,11 @@ .review-panel-entry-hover { .review-panel-entry-content { - display: initial; + display: flex; position: absolute; left: -200px; top: 0; + padding: var(--spacing-04); } }