[v9.5.x] Plugins: Fix width for README pages with tables (#67025)

Plugins: Fix width for README pages with tables (#66872) (cherry picked from commit 29aaf429ad) Co-authored-by: Andres Martinez Gotor <andres.martinez@grafana.com>
2023-04-21 11:38:18 +03:00
parent 7694ea28e5
commit d153c50454
1 changed files with 18 additions and 0 deletions
@@ -119,5 +119,23 @@ export const getStyles = (theme: GrafanaTheme2) => ({
        text-decoration: underline;
      }
    }
+
+    table {
+      table-layout: fixed;
+      width: 100%;
+
+      td,
+      th {
+        overflow-x: auto;
+        padding: ${theme.spacing(0.5)} ${theme.spacing(1)};
+      }
+
+      table,
+      th,
+      td {
+        border: 1px solid ${theme.colors.border.medium};
+        border-collapse: collapse;
+      }
+    }
  `,
 });