From ec60a2756e09a1eb988e61017031de9731b9237a Mon Sep 17 00:00:00 2001
From: Miki <miki@amazon.com>
Date: Wed, 31 Jan 2024 07:26:45 -0800
Subject: [PATCH] [Discover] Display filter buttons at top right of the cell

Signed-off-by: Miki <miki@amazon.com>
---
 .../default_discover_table/_table_cell.scss        | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/plugins/discover/public/application/components/default_discover_table/_table_cell.scss b/src/plugins/discover/public/application/components/default_discover_table/_table_cell.scss
index 18fc536075db..38a4511ef877 100644
--- a/src/plugins/discover/public/application/components/default_discover_table/_table_cell.scss
+++ b/src/plugins/discover/public/application/components/default_discover_table/_table_cell.scss
@@ -2,7 +2,11 @@
   padding: 4px 0 0 !important;
 }
 
-.osdDocTableCell__filter { // TODO: make them appear at top right corner
+.osdDocTableCell__filter {
+  position: absolute;
+  white-space: nowrap;
+  right: 0;
+  background: $ouiPageBackgroundColor;
 }
 
 /**
@@ -13,8 +17,10 @@
 
 .osdDocTableCell {
   white-space: pre-wrap;
+  position: relative;
 
-  &__filterButton {
+  &__filterButton,
+  &__filter {
     opacity: 0;
     transition: opacity $euiAnimSpeedFast;
 
@@ -24,7 +30,9 @@
   }
 
   &:hover &__filterButton,
-  &:focus &__filterButton {
+  &:focus &__filterButton,
+  &:hover &__filter,
+  &:focus &__filter {
     opacity: 1;
   }
 }