[enhancement] Improve mobile display of custom actions

- attempt to match default actions display while still allowing for custom/wildcard content
elastic · Nov 14, 2023 · 3a8ac38 · 3a8ac38
1 parent 732783f
commit 3a8ac38
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/src/components/table/_responsive.scss b/src/components/table/_responsive.scss
@@ -156,6 +156,25 @@
     .euiTableRowCell {
       min-width: 50%;
       border: none;
+
+      // Custom actions
+      &.euiTableRowCell--hasActions {
+        width: 100%;
+
+        &::before {
+          content: '';
+          position: absolute;
+          left: 0;
+          right: 0;
+          height: $euiBorderWidthThin;
+          background-color: $euiTableActionsBorderColor;
+        }
+
+        .euiTableCellContent {
+          position: relative;
+          top: $euiSizeXS;
+        }
+      }
     }
 
     .euiTableRowCellCheckbox {