* **Nuevo botón de Pantalla Completa:** Integrado en los encabezados de la pantalla de Resumen y el Tablero mediante la API de Fullscreen de HTML5, actualizando su texto de forma reactiva a eventos del navegador.

*   **Alineación de Departamentos:** Se fijó la altura (38px) de la celda de habilidad especial en el tablero y se restauró el tamaño de letra original (14px) con un line-height controlado (1.2) para evitar desfases de altura cuando el texto ocupa dos líneas sin perder legibilidad.
This commit is contained in:
2026-07-03 00:47:29 -06:00
parent d95694b919
commit 96fee5ccd3
14 changed files with 659 additions and 57 deletions
+11 -8
View File
@@ -280,7 +280,7 @@
<td colspan="10" style="text-align:center;background-color:gray;color:white;height:20px;">Habilidad Especial / Quincenal</td>
</tr>
<tr>
<td colspan="10" id="accionEspecialGde" style="text-align:center;background-color:silver;color:black;height:19px;">.</td>
<td colspan="10" id="accionEspecialGde" style="text-align:center;background-color:silver;color:black;height:38px;line-height:1.2;vertical-align:middle;">.</td>
</tr>
</table>
</div>
@@ -294,7 +294,10 @@
<img id="logo" src="img/logoColaborando-tablero.png">
<div style="display: flex; justify-content: space-between; align-items: center; padding: 0 15px;">
<div id="nombreSesion" style="font-weight: bold; font-size: 16px; color: #555;"></div>
<a href="resumen.php?n=<?php echo htmlspecialchars($_GET['n'] ?? $_GET['nombre'] ?? ''); ?>" class="nav-button">Ir al Resumen</a>
<div style="display: flex; gap: 5px;">
<button id="btnFullscreen" onclick="toggleFullscreen()" class="nav-button" style="border: none; cursor: pointer;">Pantalla Completa</button>
<a href="resumen.php?n=<?php echo htmlspecialchars($_GET['n'] ?? $_GET['nombre'] ?? ''); ?>" class="nav-button">Ir al Resumen</a>
</div>
</div>
</td>
</tr>
@@ -520,7 +523,7 @@
<td colspan="10" style="text-align:center;background-color:gray;color:white;height:20px;">Habilidad Especial / Quincenal</td>
</tr>
<tr>
<td colspan="10" id="accionEspecialGde" style="text-align:center;background-color:silver;color:black;height:19px;"> </td>
<td colspan="10" id="accionEspecialGde" style="text-align:center;background-color:silver;color:black;height:38px;line-height:1.2;vertical-align:middle;"> </td>
</tr>
</table>
</div>
@@ -597,7 +600,7 @@
<td colspan="10" style="text-align:center;background-color:gray;color:white;height:20px;">Habilidad Especial / Quincenal</td>
</tr>
<tr>
<td colspan="10" id="accionEspecialGde" style="text-align:center;background-color:silver;color:black;height:19px;"> </td>
<td colspan="10" id="accionEspecialGde" style="text-align:center;background-color:silver;color:black;height:38px;line-height:1.2;vertical-align:middle;"> </td>
</tr>
</table>
</div>
@@ -706,7 +709,7 @@
<td colspan="10" style="text-align:center;background-color:gray;color:white;height:20px;">Habilidad Especial / Quincenal</td>
</tr>
<tr>
<td colspan="10" id="accionEspecialGde" style="text-align:center;background-color:silver;color:black;height:19px;"> </td>
<td colspan="10" id="accionEspecialGde" style="text-align:center;background-color:silver;color:black;height:38px;line-height:1.2;vertical-align:middle;"> </td>
</tr>
</table>
</div>
@@ -815,7 +818,7 @@
<td colspan="10" style="text-align:center;background-color:gray;color:white;height:20px;">Habilidad Especial / Quincenal</td>
</tr>
<tr>
<td colspan="10" id="accionEspecialGde" style="text-align:center;background-color:silver;color:black;height:19px;"> </td>
<td colspan="10" id="accionEspecialGde" style="text-align:center;background-color:silver;color:black;height:38px;line-height:1.2;vertical-align:middle;"> </td>
</tr>
</table>
</div>
@@ -924,7 +927,7 @@
<td colspan="10" style="text-align:center;background-color:gray;color:white;height:20px;">Habilidad Especial / Quincenal</td>
</tr>
<tr>
<td colspan="10" id="accionEspecialGde" style="text-align:center;background-color:silver;color:black;height:19px;"> </td>
<td colspan="10" id="accionEspecialGde" style="text-align:center;background-color:silver;color:black;height:38px;line-height:1.2;vertical-align:middle;"> </td>
</tr>
</table>
</div>
@@ -1033,7 +1036,7 @@
<td colspan="10" style="text-align:center;background-color:gray;color:white;height:20px;">Habilidad Especial / Quincenal</td>
</tr>
<tr>
<td colspan="10" id="accionEspecialGde" style="text-align:center;background-color:silver;color:black;height:19px;"> </td>
<td colspan="10" id="accionEspecialGde" style="text-align:center;background-color:silver;color:black;height:38px;line-height:1.2;vertical-align:middle;"> </td>
</tr>
</table>
</div>