usite-sas-bic/whatsapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: mover CSS del modal nuevo-mensaje fuera del media query mobile

Browse Source 
Los estilos de #nuevo-modal y .nv-* estaban dentro de @media (max-width: 680px),
por lo que el modal no tenía diseño en desktop.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Lizandro Guarnizo
2026-07-03 17:28:08 -05:00
co-authored by Claude Sonnet 4.6
parent f975844d9d
commit 12c790fb5c
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
modules/turnero/views/chat.php
+8 -7
View File
@@ -270,13 +270,6 @@ html, body { height: 100%; overflow: hidden; font-family: -apple-system, BlinkMa
.back-btn { display: none; background: none; border: none; color: #fff; font-size: 1.1rem; cursor: pointer; padding: 4px 8px; }
@media (max-width: 680px) {
.chat-shell { position: relative; overflow: hidden; }
.sidebar { position: absolute; inset: 0; z-index: 10; transition: transform .2s ease; }
.sidebar.mobile-hidden { transform: translateX(-100%); pointer-events: none; }
.chat-window { position: absolute; inset: 0; z-index: 5; transform: translateX(100%); height: 100%; transition: transform .2s ease; }
.chat-window.mobile-active { transform: translateX(0); }
.back-btn { display: flex; }
/* ── Modal nuevo mensaje ── */
#nuevo-modal { display:none; position:fixed; inset:0; z-index:1100;
background:rgba(0,0,0,.45); align-items:center; justify-content:center; padding:16px; }
@@ -309,6 +302,14 @@ html, body { height: 100%; overflow: hidden; font-family: -apple-system, BlinkMa
.nv-close-btn { background:none; border:none; cursor:pointer; color:#94a3b8;
font-size:.95rem; padding:2px 7px; border-radius:4px; }
.nv-close-btn:hover { color:#475569; background:#f1f5f9; }
@media (max-width: 680px) {
.chat-shell { position: relative; overflow: hidden; }
.sidebar { position: absolute; inset: 0; z-index: 10; transition: transform .2s ease; }
.sidebar.mobile-hidden { transform: translateX(-100%); pointer-events: none; }
.chat-window { position: absolute; inset: 0; z-index: 5; transform: translateX(100%); height: 100%; transition: transform .2s ease; }
.chat-window.mobile-active { transform: translateX(0); }
.back-btn { display: flex; }
}
</style>
</head>