El artículo de la semana pasada sobre las secciones de la barra lateral tenía un apartado llamado Lo que recortó la revisión del plan, y uno de los puntos era un enlace Configurar la barra lateral: aparecía al pasar el puntero, estaba debajo de las secciones y abría el diálogo de propiedades. Lo quité y escribí que "un control que solo aparece al pasar el puntero, al final de una zona con desplazamiento, es un control que nadie encuentra".
Eso era verdad, pero no del todo. Esta versión recupera una variante de ese enlace de todos modos, y vale la pena explicar la diferencia, porque tiene que ver con el único caso que el argumento no cubría.
La barra lateral vacía
Cada encabezado de sección de la barra lateral tiene un botón de ajustes que aparece al pasar el puntero, y hasta ahora el menú que abre tenía exactamente una opción: Quitar de la barra lateral. Etiquetas está activada por defecto, así que un espacio de trabajo nuevo tiene una sección. Quítala — algo razonable si no usas etiquetas — y el centro de la barra lateral queda en blanco. Nueva nota e Inicio arriba, Archivos, Papelera y Configuración abajo, y nada en medio.
Ese "nada en medio" es el problema. La forma de recuperar una sección es Más → Propiedades personalizadas, luego la propiedad, luego Mostrar en la barra lateral. Ese camino existe, y el artículo anterior defendía que estaba a un clic. Solo está a un clic si ya sabes que el espacio en blanco es un espacio configurable. Una zona en blanco no lo dice. Lo más parecido que podría sugerirlo es Configuración, que es el diálogo equivocado.
Así que la regla en la que acertó la revisión — los controles que solo aparecen al pasar el puntero al final de una lista son invisibles — necesita un matiz. Cuando la lista está vacía no hay final, y en esa zona no hay nada más en lo que fijar la vista. El estado vacío es el único sitio donde un control que aparece al pasar el puntero funciona, porque no tiene nada con lo que competir.
Qué trae esta versión
Configurar la barra lateral aparece en la zona de secciones solo cuando la barra lateral no tiene ninguna sección: Etiquetas quitada y ninguna propiedad activada que tenga algo que listar. Pasa el puntero por la barra lateral y aparece poco a poco; haz clic y se abre el diálogo de propiedades. Activa cualquier sección, cierra el diálogo y desaparece. Se dibuja como una fila atenuada con borde discontinuo, no como un botón sólido, a propósito: no es una acción que hagas a menudo, es una pista de que ese espacio puede contener algo.
La condición es más estricta que "ninguna propiedad en la barra lateral". Una propiedad de relación que está activada pero a la que nadie ha enlazado todavía no muestra nada, y desde donde estás eso es una barra lateral vacía. El botón depende de lo que de verdad hay en pantalla, no de los indicadores.
Editar propiedad, desde donde estás
El menú de sección ganó una segunda opción, y es la que debí lanzar primero: Editar propiedad. Pasa el puntero sobre el encabezado de una sección, haz clic en el botón de ajustes, elígela y el diálogo de propiedades se abre con esa propiedad ya seleccionada: sus opciones, sus colores, su interruptor Mostrar en la barra lateral, todo a mano. Para Etiquetas y Tablero abre su panel integrado y bloqueado, donde el interruptor de la barra lateral es el único ajuste.
Antes, editar una propiedad que veías en la barra lateral significaba ir a Más → Propiedades personalizadas y luego buscarla en la lista. Con tres propiedades no es nada. Con quince es una búsqueda, de algo que la barra lateral ya sabía, porque tenías el puntero encima.
Abrir un diálogo en un elemento concreto
El detalle de ingeniería detrás de los dos cambios es que ahora se le puede decir al diálogo de propiedades en qué propiedad abrirse. Suena trivial y no lo fue del todo.
El diálogo ya tenía reglas para su selección: elegir la primera propiedad de usuario al abrirse; saltar a una propiedad en cuanto se crea, cuando llega la recarga que la incluye; recuperarse si la seleccionada desaparece de la lista. Esas reglas viven en un solo efecto, y la nueva tenía que encajar sin alterarlas.
La complicación es el momento. El diálogo carga su lista solo mientras está abierto, y esa lista comparte caché con la barra lateral, así que casi siempre ya está ahí, pero no siempre, y una petición para seleccionar una propiedad que todavía no está en la lista tiene que esperar a la lista en lugar de rendirse. Una propiedad recién creada tiene un problema con la misma forma, y se resolvió guardando el id y reintentando cuando llegan los datos. La propiedad solicitada reutiliza esa idea con una diferencia. Una propiedad creada siempre acaba apareciendo, así que esperar es lo correcto. Una solicitada puede haberla borrado un compañero entre que pasaste el puntero y hiciste clic, así que si la lista llega sin ella, el diálogo vuelve a su selección por defecto en lugar de quedarse esperando para siempre.
Esa diferencia son unas pocas líneas, y es todo el motivo de que la función no falle de forma intermitente.
Probar algo que es invisible
La suite end-to-end de las secciones de la barra lateral ganó dos pruebas. Una abre Stage desde el menú de su sección y comprueba que el campo de nombre del diálogo ya dice Stage y que su interruptor está activado; luego hace lo mismo con Etiquetas y comprueba que llega al panel integrado. La otra quita Etiquetas, comprueba que el botón de configurar existe pero es totalmente transparente, mueve el puntero sobre la barra lateral, comprueba que es opaco, hace clic, vuelve a activar Etiquetas y comprueba que el botón ya no está en la página.
La segunda es más quisquillosa de lo que parece. Playwright considera visible un elemento transparente (tiene caja y no está oculto), así que una comprobación simple de "es visible" pasaría tanto si la aparición al pasar el puntero funciona como si no. La prueba lee la opacidad calculada, antes y después de pasar el puntero. Si lanzas un control cuyo único sentido es cuándo aparece, comprueba el cuándo.
En resumen
El menú de sección ahora es Editar propiedad / Quitar de la barra lateral.
Una barra lateral sin secciones muestra Configurar la barra lateral al pasar el puntero.
El diálogo de propiedades puede abrirse en una propiedad concreta y, si ya no existe, vuelve a su selección por defecto.
Ayuda: La barra lateral · Propiedades personalizadas · Registro de cambios v0.8.1
Sigue leyendo
Cualquier propiedad, a un clic — el artículo de la v0.8.0 que este revisa: qué tipos de propiedad tienen sección en la barra lateral y qué recortó la revisión del plan.
Sin carpetas: cómo organiza Notez tus notas — etiquetas, subnotas, tableros y once tipos de propiedades personalizadas, y por qué Notez no tiene carpetas.
La lista que pierdes cada vez que abres una nota — la nota se abre en un panel lateral sobre la lista, así que la posición de desplazamiento y los filtros se quedan donde estaban.