Swap flexNone.

homebound-team · Jun 3, 2024 · 0738eac · 0738eac
1 parent 72b8a88
commit 0738eac
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/Table/components/Row.tsx b/src/components/Table/components/Row.tsx
@@ -112,8 +112,8 @@ function RowImpl<R extends Kinded, S>(props: RowProps<R>): ReactElement {
         ":hover": { ...style.nonHeaderRowHoverCss },
       }),
     ...(levelIndent && Css.mlPx(levelIndent).$),
-    // For virtual tables use `display: flex` to keep all cells on the same row. For each cell in the row use `flexNone` to ensure they stay their defined widths
-    ...(as === "table" ? {} : Css.relative.df.fg1.fs1.addIn("&>*", Css.flexNone.$).$),
+    // For virtual tables use `display: flex` to keep all cells on the same row. For each cell in the row use `fn` to ensure they stay their defined widths
+    ...(as === "table" ? {} : Css.relative.df.fg1.fs1.addIn("&>*", Css.fn.$).$),
     // Apply `cursorPointer` to the row if it has a link or `onClick` value.
     ...((rowStyle?.rowLink || rowStyle?.onClick) && { "&:hover": Css.cursorPointer.$ }),
     ...maybeApplyFunction(row as any, rowStyle?.rowCss),

diff --git a/src/components/internal/CompoundField.tsx b/src/components/internal/CompoundField.tsx
@@ -29,7 +29,7 @@ export function CompoundField({ children }: { children: JSX.Element[] }) {
         })}
       </div>
       {/* Separation line */}
-      <div css={Css.wPx(1).flexNone.bgGray300.$} />
+      <div css={Css.wPx(1).fn.bgGray300.$} />
 
       <div
         css={{
-Original file line number
+Diff line change
@@ Expand Up @@
             })}
           </div>
           {/* Separation line */}
-          <div css={Css.wPx(1).flexNone.bgGray300.$} />
+          <div css={Css.wPx(1).fn.bgGray300.$} />
           <div
             css={{
@@ Expand Down @@