Update app.py

app.py

@@ -27,6 +27,23 @@ def actualizar_tareas(modalidades_seleccionadas):
     # Eliminar duplicados y devolver una lista de tareas disponibles
     return list(set(tareas_disponibles))
 
+# Función para ajustar el estilo del panel dinámicamente
+def ajustar_estilo_panel(tareas_disponibles):
+    # Calcular la altura óptima del panel en función del número de tareas
+    altura_base = 50  # Altura mínima del panel
+    altura_por_tarea = 30  # Altura por cada tarea
+    altura_total = altura_base + len(tareas_disponibles) * altura_por_tarea
+    # Devolver el estilo CSS actualizado
+    estilo_css = f"""
+    .expanded-checkbox {{
+        max-height: {altura_total}px; /* Altura dinámica */
+        overflow-y: auto;  /* Scroll vertical si es necesario */
+        border: 1px solid #ccc; /* Borde para mejorar la visibilidad */
+        padding: 10px; /* Espaciado interno */
+    }}
+    """
+    return estilo_css
+
 # Función para generar el encabezado del CSV (ahora incluye 'id')
 def generar_encabezado(modalidades_seleccionadas, tareas_seleccionadas):
     if not modalidades_seleccionadas or not tareas_seleccionadas:
@@ -99,10 +116,22 @@ with gr.Blocks() as demo:
     with gr.Row():
         #gr.Markdown("### Selecciona Tareas")
         tareas_disponibles = gr.CheckboxGroup(choices=[], label="Tareas Disponibles", interactive=True, elem_classes=["expanded-checkbox"])
+        estilo_css = gr.HTML("")  # Para aplicar estilos dinámicos
+        
+        def actualizar_panel(modalidades_seleccionadas):
+            # Actualizar las tareas disponibles
+            tareas = actualizar_tareas(modalidades_seleccionadas)
+            # Ajustar el estilo del panel
+            nuevo_estilo = ajustar_estilo_panel(tareas)
+            return {
+                tareas_disponibles: gr.CheckboxGroup.update(choices=tareas),
+                estilo_css: gr.HTML.update(value=nuevo_estilo)
+            }
+        
         modalidades_seleccionadas.change(
-            fn=lambda modalidades: actualizar_tareas(modalidades),  # Usamos una lambda para simplificar
+            fn=actualizar_panel,
             inputs=modalidades_seleccionadas,
-            outputs=tareas_disponibles
+            outputs=[tareas_disponibles, estilo_css]
         )
 
     # Panel 3: Generar Encabezado del CSV
@@ -137,15 +166,5 @@ with gr.Blocks() as demo:
             outputs=vista_previa_csv
         )
 
-# Estilo CSS para expandir el área de selección de tareas
-demo.css = """
-.expanded-checkbox {
-    max-height: 200px; /* Altura máxima */
-    overflow-y: auto;  /* Scroll vertical si es necesario */
-    border: 1px solid #ccc; /* Borde para mejorar la visibilidad */
-    padding: 10px; /* Espaciado interno */
-}
-"""
-
 # Ejecutar la aplicación
 demo.launch()