From d4d3e47dcd71cbe5a0c13eeb30d2fc533ffeb5a2 Mon Sep 17 00:00:00 2001 From: marsalva Date: Mon, 16 Feb 2026 19:19:14 +0000 Subject: [PATCH] Actualizar calendario.html --- calendario.html | 41 +++++++++++++++++++++++++++++++++++------ 1 file changed, 35 insertions(+), 6 deletions(-) diff --git a/calendario.html b/calendario.html index f86e020..ea9f593 100644 --- a/calendario.html +++ b/calendario.html @@ -52,6 +52,35 @@ .fc-today-button { background-color: #0f172a !important; color: white !important; } .fc-timegrid-col.fc-day-today { background-color: #f8fafc !important; } + + /* ESTILO PARA EL POPOVER (La ventanita gris pequeña al pulsar "+X más") */ + .fc-popover { + border: none !important; + border-radius: 1rem !important; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; + overflow: hidden; + } + + .fc-popover-header { + background-color: #3b82f6 !important; /* Azul corporativo */ + color: white !important; + font-weight: 900 !important; + text-transform: uppercase; + padding: 0.75rem 1rem !important; + font-size: 0.8rem !important; + letter-spacing: 0.05em; + } + + .fc-popover-body { + padding: 0.75rem !important; + background-color: #f8fafc !important; /* Fondo gris muy claro */ + } + + .fc-popover-close-icon { + color: white !important; + opacity: 0.7; + } + .fc-popover-close-icon:hover { opacity: 1; } @@ -258,7 +287,7 @@ }, events: calendarEvents, - // Diseño HTML interno de cada cajita del calendario + // Diseño HTML interno de cada cajita del calendario (VERSIÓN COMPACTA) eventContent: function(arg) { const timeText = arg.timeText; const title = arg.event.title; @@ -266,12 +295,12 @@ return { html: ` -
-
- ${timeText} +
+
+ ${timeText} +

${op}

-

${title}

-

${op}

+

${title}

` }; },