From 754ccf0e79cf68060c3bd8ee58e25285841630d7 Mon Sep 17 00:00:00 2001 From: Andrew Kingston Date: Thu, 15 Oct 2020 11:54:34 +0100 Subject: [PATCH] Add more opinionated styling to relationship display in grid --- .../src/DataGrid/Relationship/RelationshipDisplay.svelte | 9 +++++++-- .../src/DataGrid/Relationship/tableCache.js | 1 - 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/packages/standard-components/src/DataGrid/Relationship/RelationshipDisplay.svelte b/packages/standard-components/src/DataGrid/Relationship/RelationshipDisplay.svelte index d18d6f3be8..858df171c8 100644 --- a/packages/standard-components/src/DataGrid/Relationship/RelationshipDisplay.svelte +++ b/packages/standard-components/src/DataGrid/Relationship/RelationshipDisplay.svelte @@ -47,12 +47,17 @@ gap: var(--spacing-xs); width: 100%; } + + /* This styling is opinionated to ensure these always look consistent */ .linked-row { color: white; - background-color: var(--ink); - border-radius: var(--border-radius-l); + background-color: #616161; + border-radius: var(--border-radius-xs); padding: var(--spacing-xs) var(--spacing-s) calc(var(--spacing-xs) + 1px) var(--spacing-s); line-height: 1; + font-size: 0.8em; + font-family: var(--font-sans); + font-weight: 500; } diff --git a/packages/standard-components/src/DataGrid/Relationship/tableCache.js b/packages/standard-components/src/DataGrid/Relationship/tableCache.js index a87f12969c..7da6855da3 100644 --- a/packages/standard-components/src/DataGrid/Relationship/tableCache.js +++ b/packages/standard-components/src/DataGrid/Relationship/tableCache.js @@ -13,7 +13,6 @@ export default async function getTable(tableId) { return null } if (!cache[tableId]) { - console.log("cache miss for " + tableId) cache[tableId] = fetchTable(tableId) cache[tableId] = await cache[tableId] }