Browse Source

fix(event-details): Apply minmax to tags table values (#67688)

By default grid items will have auto min-width which defers to the
content. By setting it to `minmax(0, 1fr)` we avoid grid items
overflowing by assigning a min-width that does not depend on the
content.

Fixes #67583
Nar Saynorath 11 months ago
parent
commit
c913bc48e5
1 changed files with 1 additions and 1 deletions
  1. 1 1
      static/app/components/keyValueTable.tsx

+ 1 - 1
static/app/components/keyValueTable.tsx

@@ -12,7 +12,7 @@ type Props = {
 
 export const KeyValueTable = styled('dl')<{noMargin?: boolean}>`
   display: grid;
-  grid-template-columns: 50% 50%;
+  grid-template-columns: fit-content(50%) minmax(0, 1fr);
   ${p => (p.noMargin ? 'margin-bottom: 0;' : null)}
 `;