diff --git a/grafana-plugin/src/components/GTable/GTable.tsx b/grafana-plugin/src/components/GTable/GTable.tsx index b251a4eee6..0ba978463c 100644 --- a/grafana-plugin/src/components/GTable/GTable.tsx +++ b/grafana-plugin/src/components/GTable/GTable.tsx @@ -135,7 +135,7 @@ export const GTable = (props: }, [rowSelection, columnsProp, data]); return ( -
+
expandable={expandable} rowKey={rowKey} @@ -162,12 +162,6 @@ const getGTableStyles = () => ({ } `, - fixed: css` - table { - table-layout: fixed; - } - `, - pagination: css` margin-top: 20px; `, diff --git a/grafana-plugin/src/components/Table/Table.styles.ts b/grafana-plugin/src/components/Table/Table.styles.ts index e244cf53b6..6ac89877a7 100644 --- a/grafana-plugin/src/components/Table/Table.styles.ts +++ b/grafana-plugin/src/components/Table/Table.styles.ts @@ -10,10 +10,6 @@ export const getTableStyles = (theme: GrafanaTheme2) => { width: 100%; } - table :global(.rc-table-row-expand-icon-cell) > span { - pointer-events: none; - } - tr { min-height: 56px; } @@ -43,7 +39,7 @@ export const getTableStyles = (theme: GrafanaTheme2) => { transition: transform 0.2s; &--expanded { - transform: rotate(0deg); + transform: rotate(0deg) translateY(-5px); // to manually compensate for top: 3px } `, diff --git a/grafana-plugin/src/containers/ServiceNowConfigDrawer/ServiceNowTokenSection.tsx b/grafana-plugin/src/containers/ServiceNowConfigDrawer/ServiceNowTokenSection.tsx index 9f48f4899a..bdeb1cad36 100644 --- a/grafana-plugin/src/containers/ServiceNowConfigDrawer/ServiceNowTokenSection.tsx +++ b/grafana-plugin/src/containers/ServiceNowConfigDrawer/ServiceNowTokenSection.tsx @@ -87,7 +87,7 @@ export const ServiceNowTokenSection: React.FC = obs function renderGenerateButton() { return ( - ); diff --git a/grafana-plugin/src/pages/schedules/Schedules.styles.ts b/grafana-plugin/src/pages/schedules/Schedules.styles.ts index b2c9390650..277b35638c 100644 --- a/grafana-plugin/src/pages/schedules/Schedules.styles.ts +++ b/grafana-plugin/src/pages/schedules/Schedules.styles.ts @@ -6,6 +6,14 @@ export const getSchedulesStyles = () => { position: relative; `, + tableRoot: css` + td.rc-table-row-expand-icon-cell { + position: relative; + top: 5px; + left: 3px; + } + `, + table: css` td { padding-top: 5px; diff --git a/grafana-plugin/src/pages/schedules/Schedules.tsx b/grafana-plugin/src/pages/schedules/Schedules.tsx index de49ee6dfd..bdf58c8dbe 100644 --- a/grafana-plugin/src/pages/schedules/Schedules.tsx +++ b/grafana-plugin/src/pages/schedules/Schedules.tsx @@ -105,7 +105,7 @@ class _SchedulesPage extends React.Component
-
+
) + width: '40px', + title: '', + render: () => <>, + }, { width: '10%', title: 'Type',