Modo drawer
El modo drawer te permite abrir un panel lateral en el borde derecho de la pantalla sin salir de la página que estás viendo en ese momento. Se usa en toda la plataforma Copera para mostrar contenido complementario —como conversaciones de chat, asistentes de IA, listas de tareas, documentos y participantes de reuniones— justo al lado de tu espacio de trabajo principal.
Cómo funciona el drawer
El drawer se desliza desde el lado derecho de la pantalla y se sitúa entre tu área de contenido principal y la barra de acciones. Se abre con una animación suave y puede redimensionarse arrastrando su borde izquierdo, lo que te permite asignar más o menos espacio de pantalla según la tarea que tengas entre manos.
Solo puede haber un panel de drawer abierto a la vez. Si haces clic en un botón de acción diferente mientras un drawer ya está abierto, el panel actual se desliza hacia afuera y el nuevo se desliza hacia adentro. Esto mantiene la interfaz predecible y evita apilar varios paneles superpuestos.
Cuándo se usa el drawer
La barra de acciones, en el extremo derecho de la pantalla, contiene botones que abren cada uno un panel de drawer específico:
- AI Chat: abre una conversación con el asistente de IA mientras sigues trabajando en tu página actual.
- Agenda: ve y gestiona tu próxima programación.
- Tareas: marca tareas como completadas y crea nuevas sin salir de la página.
- Meeting Bot: gestiona la configuración y las grabaciones del meeting bot.
- Chat: abre una conversación de chat en curso en el panel lateral en lugar de navegar a la página completa de Communicate.
- Participantes de la reunión: durante una reunión activa, ve quién está en la llamada.
- Chat de la sesión: durante una reunión, abre el chat de la sesión junto al contenido compartido.
- Notas de transcripción: revisa las notas de transcripción en vivo de una reunión activa o reciente.
- Documentos: abre un documento para consultarlo rápidamente mientras trabajas en otra área.
Abrir y cerrar el drawer
Haz clic en cualquier botón de acción de la barra de acciones para abrir su panel de drawer correspondiente. Haz clic de nuevo en el mismo botón para cerrarlo. También puedes cerrar el drawer haciendo clic en el área fuera de él en pantallas más estrechas que la resolución ultrapanorámica.
En monitores ultrapanorámicos (por encima de 2560 px), el drawer no se superpone a tu contenido. En su lugar, empuja el área de contenido principal hacia la izquierda, dando tanto al drawer como a tu espacio de trabajo principal su propio espacio dedicado sin solapamiento.
Comportamiento adaptable
El drawer se adapta al tamaño de tu pantalla:
- Escritorio: el drawer se superpone al contenido principal desde la derecha, con una sombra para distinguirlo del fondo. Puedes redimensionarlo entre un ancho mínimo y uno máximo.
- Ultrapanorámico: el drawer se sitúa en línea junto al contenido principal en lugar de superponerse a él, hasta un máximo del 40 % del ancho del viewport.
- Móvil: el drawer ocupa todo el ancho disponible de la pantalla. Se muestra un solo panel a la vez, y al tocar fuera del drawer se cierra.
Usa el drawer para mantener el contexto visible mientras haces varias tareas a la vez. Por ejemplo, abre una conversación de chat en el drawer mientras editas un documento en el área principal: puedes consultar la discusión y hacer cambios sin ir y volver constantemente entre páginas.