[Discover] Display filter buttons at top right of the cell

Signed-off-by: Miki <[email protected]>
AMoo-Miki · Jan 31, 2024 · ec60a27 · ec60a27
1 parent c22ea86
commit ec60a27
Showing 1 changed file with 11 additions and 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
@@ -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;
   }
 }