fix: do not force all visible form components to be block

h2oai · Oct 26, 2020 · 218c3d3 · 218c3d3
1 parent 0f0d2de
commit 218c3d3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/py/examples/stepper.py b/py/examples/stepper.py
@@ -1,4 +1,4 @@
-# Stepper
+# Form / Stepper
 # Use Stepper to show progress through numbered steps.
 # ---
 from h2o_wave import Q, listen, ui

diff --git a/ui/src/theme.ts b/ui/src/theme.ts
@@ -55,7 +55,10 @@ export const
   rgba = (r: U, g: U, b: U, a: F) => `rgba(${r},${g},${b},${a.toFixed(1)})`,
   gray = (b: U) => { const h = b.toString(16); return `#${h}${h}${h}` },
   centerMixin = () => ({ display: 'flex', alignItems: 'center', justifyContent: 'center' }),
-  displayMixin = (visible = true): React.CSSProperties => ({ display: visible ? 'inherit' : 'none' })
+  displayMixin = (visible = true): React.CSSProperties => {
+    if (visible) return {}
+    return { display: 'none' }
+  }
 
 const
   black: RGB = { r: 0, g: 0, b: 0 },