let step content fill the whole stepper for easier layout manipulation (#1788)

nicegui/elements/stepper.py

@@ -30,6 +30,7 @@ class Stepper(ValueElement):
         """
         super().__init__(tag='q-stepper', value=value, on_value_change=on_value_change)
         self._props['keep-alive'] = keep_alive
+        self._classes = ['nicegui-stepper']
 
     def _value_to_model_value(self, value: Any) -> Any:
         return value._props['name'] if isinstance(value, Step) else value  # pylint: disable=protected-access

nicegui/static/nicegui.css

@@ -49,6 +49,19 @@
   padding: 0;
 }
 
+/* let step content fill the whole stepper for easier layout manipulation (#1788) */
+.nicegui-stepper {
+  display: flex;
+  flex-direction: column;
+}
+.nicegui-stepper .q-stepper__content {
+  flex-grow: 1;
+}
+.nicegui-stepper .q-stepper__step-content,
+.nicegui-stepper .q-stepper__step-inner {
+  height: 100%;
+}
+
 /* HACK: avoid stutter when expansion item is toggled */
 .nicegui-expansion .q-expansion-item__content {
   padding: 0 1rem;