From 58b17814c898b892e7aa1a22018cb23bf79ca735 Mon Sep 17 00:00:00 2001
From: Aswani Karteek Yadavilli
 <21700785+thedataengineer@users.noreply.github.com>
Date: Mon, 22 Jun 2026 01:41:30 -0400
Subject: [PATCH] fix(pipelines): prevent preview popup from overflowing
 viewport (#12729)

This PR fixes a UI layout bug where the pipeline graph preview popup
would overflow past the right edge of the viewport when hovering over
the View action button. By setting the side prop of OTooltip to left,
the preview card renders to the left of the button, keeping it fully
visible.
---
 web/src/components/pipeline/PipelinesList.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/pipeline/PipelinesList.vue b/web/src/components/pipeline/PipelinesList.vue
index d4757b46b6..f1d97f40ba 100644
--- a/web/src/components/pipeline/PipelinesList.vue
+++ b/web/src/components/pipeline/PipelinesList.vue
@@ -1,4 +1,4 @@
-<!-- Copyright 2026 OpenObserve Inc.
+<!-- Copyright 2026 OpenObserve Inc.
 
 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU Affero General Public License as published by
@@ -99,7 +99,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               :title="t('pipeline.view')"
               icon-left="visibility"
             >
-              <OTooltip max-width="none">
+              <OTooltip max-width="none" side="left">
                 <template #content
                   ><PipelineView :pipeline="row"
                 /></template>