diff --git a/Custom/installer/custom.css b/Custom/installer/custom.css index d027a5f..267d235 100644 --- a/Custom/installer/custom.css +++ b/Custom/installer/custom.css @@ -5491,7 +5491,6 @@ body:has(form[action*="AST_CLOSER_service_level"]) > table[bgcolor="#015B91"] + /* Ocultar imagen solo en estos botones (texto con ::before); los logos (Tabs, LoadingBox) se mantienen */ #vicidial_form #DiaLControl > a > img, -#vicidial_form #DiaLControl > img, #vicidial_form #RecorDControl > a > img, #vicidial_form #RecorDControl > img, #vicidial_form #StRecorDControl > img, @@ -5500,9 +5499,7 @@ body:has(form[action*="AST_CLOSER_service_level"]) > table[bgcolor="#015B91"] + #vicidial_form #WebFormSpanTwo > img, #vicidial_form #WebFormSpanTwo > a > img, #vicidial_form #ParkControl > img, -#vicidial_form #ParkControl > a > img, #vicidial_form #XferControl > img, -#vicidial_form #HangupControl > a > img, #vicidial_form #HangupControl > img, #vicidial_form #SendDTMF > a > img { display: none !important; @@ -5514,23 +5511,17 @@ body:has(form[action*="AST_CLOSER_service_level"]) > table[bgcolor="#015B91"] + } /* Texto en lugar de imagen solo en estos botones (logos NO) */ #vicidial_form #DiaLControl > a::before { content: "Dial Next Number"; } -#vicidial_form #DiaLControl > a:has(img[alt="You are paused"])::before { content: "YOU ARE PAUSED"; } -#vicidial_form #DiaLControl > a:has(img[alt="You are active"])::before { content: "YOU ARE ACTIVE"; } -/* Cuando DiaLControl solo tiene img (sin ): mostrar texto para no ver la imagen */ -#vicidial_form #DiaLControl:not(:has(> a))::before { content: "Dial Next Number"; } #vicidial_form #RecorDControl > a:not(:has(img[alt="Stop Recording"]))::before { content: "Start Recording"; } #vicidial_form #RecorDControl > a:has(img[alt="Stop Recording"])::before { content: "Stop Recording"; } #vicidial_form #StRecorDControl::before { content: "Start Stereo Recording"; } #vicidial_form #WebFormSpan::before { content: "Web Form"; } #vicidial_form #WebFormSpanTwo::before { content: "Web Form 2"; } #vicidial_form #ParkControl::before { content: "Park Call"; } -#vicidial_form #ParkControl:has(> a)::before { content: "Grab Parked Call"; } #vicidial_form #XferControl::before { content: "Transfer - Conference"; } #vicidial_form #HangupControl::before { content: "Hangup Customer"; } #vicidial_form #SendDTMF > a::before { content: "Send DTMF"; } /* Contenedores de botones con texto: display para que se vea el ::before */ #vicidial_form #DiaLControl > a, -#vicidial_form #DiaLControl:not(:has(> a)), #vicidial_form #RecorDControl > a, #vicidial_form #SendDTMF > a { display: inline-block !important; } #vicidial_form #StRecorDControl, @@ -5541,7 +5532,6 @@ body:has(form[action*="AST_CLOSER_service_level"]) > table[bgcolor="#015B91"] + #vicidial_form #HangupControl { display: inline-block !important; } /* Estilo del texto (::before) solo en estos botones */ #vicidial_form #DiaLControl > a::before, -#vicidial_form #DiaLControl:not(:has(> a))::before, #vicidial_form #RecorDControl > a::before, #vicidial_form #SendDTMF a::before, #vicidial_form #StRecorDControl::before, @@ -5729,7 +5719,6 @@ body:has(form[action*="AST_CLOSER_service_level"]) > table[bgcolor="#015B91"] + box-shadow: 2px 0 8px rgba(0, 0, 0, 0.04); } #vicidial_form #DiaLControl > a, -#vicidial_form #DiaLControl:not(:has(> a)), #vicidial_form #RecorDControl > a, #vicidial_form #SendDTMF > a { display: block; @@ -5773,41 +5762,6 @@ body:has(form[action*="AST_CLOSER_service_level"]) > table[bgcolor="#015B91"] + transform: translateY(-1px); box-shadow: var(--vdc-shadow); } -/* DiaLControl: amarillo cuando paused, verde cuando active; texto en mayúsculas */ -#vicidial_form #DiaLControl > a:has(img[alt="You are paused"]) { - background: #FDD835 !important; - border-color: #F9A825 !important; - color: #1a1a1a !important; -} -#vicidial_form #DiaLControl > a:has(img[alt="You are paused"])::before { - color: #1a1a1a !important; - text-transform: uppercase; -} -#vicidial_form #DiaLControl > a:has(img[alt="You are paused"]):hover { - background: #F9A825 !important; - border-color: #F57F17 !important; - color: #1a1a1a !important; -} -#vicidial_form #DiaLControl > a:has(img[alt="You are paused"]):hover::before { - color: #1a1a1a !important; -} -#vicidial_form #DiaLControl > a:has(img[alt="You are active"]) { - background: var(--color-primary-medium, #008B8B) !important; - border-color: var(--color-primary-dark, #2E7D7D) !important; - color: #fff !important; -} -#vicidial_form #DiaLControl > a:has(img[alt="You are active"])::before { - color: #fff !important; - text-transform: uppercase; -} -#vicidial_form #DiaLControl > a:has(img[alt="You are active"]):hover { - background: var(--color-primary-dark, #2E7D7D) !important; - border-color: #1a5a5a !important; - color: #fff !important; -} -#vicidial_form #DiaLControl > a:has(img[alt="You are active"]):hover::before { - color: #fff !important; -} #vicidial_form #RecorDControl > a:hover { background: #1b5e20; border-color: #1b5e20; @@ -5888,59 +5842,6 @@ body:has(form[action*="AST_CLOSER_service_level"]) > table[bgcolor="#015B91"] + #vicidial_form #HangupControl:hover::before { color: var(--color-text-light) !important; } -/* Hangup Customer en rojo cuando hay llamada activa (tiene ) */ -#vicidial_form #HangupControl:has(> a) { - position: relative !important; - background: #c62828 !important; - border-color: #b71c1c !important; - color: #fff !important; -} -/* El ocupa todo el botón para que el clic funcione (la img está oculta y el enlace colapsaría) */ -#vicidial_form #HangupControl > a { - position: absolute !important; - top: 0 !important; - left: 0 !important; - right: 0 !important; - bottom: 0 !important; - width: 100% !important; - height: 100% !important; - display: block !important; - z-index: 1 !important; - pointer-events: auto !important; - cursor: pointer !important; -} -#vicidial_form #HangupControl:has(> a)::before { - color: #fff !important; - pointer-events: none !important; /* que el clic llegue al */ -} -#vicidial_form #HangupControl:has(> a):hover { - background: #b71c1c !important; - border-color: #8e0000 !important; - color: #fff !important; -} -#vicidial_form #HangupControl:has(> a):hover::before { - color: #fff !important; -} -/* Park Call / Grab Parked Call: cuando tiene , el enlace debe ocupar todo el botón para que el clic funcione */ -#vicidial_form #ParkControl:has(> a) { - position: relative !important; -} -#vicidial_form #ParkControl > a { - position: absolute !important; - top: 0 !important; - left: 0 !important; - right: 0 !important; - bottom: 0 !important; - width: 100% !important; - height: 100% !important; - display: block !important; - z-index: 1 !important; - pointer-events: auto !important; - cursor: pointer !important; -} -#vicidial_form #ParkControl:has(> a)::before { - pointer-events: none !important; -} #vicidial_form #DiaLControl, #vicidial_form #RecorDControl, #vicidial_form #RecorDMute, @@ -6076,30 +5977,23 @@ body:has(form[action*="AST_CLOSER_service_level"]) > table[bgcolor="#015B91"] + margin-right: 300px !important; } -/* Footer del agente: flotando abajo a la derecha (como Dialable Leads a la izquierda) */ +/* Footer del agente: fixed al fondo de la ventana para que se vea igual en todas las resoluciones */ #vicidial_form #MaiNfooterspan { - z-index: 99 !important; - position: fixed !important; - left: auto !important; - right: 16px !important; - top: auto !important; - bottom: 16px !important; - width: auto !important; - max-width: calc(100vw - 32px) !important; - padding: 0 !important; - margin: 0 !important; - background: transparent !important; + position: static !important; + width: 100% !important; + max-width: 100% !important; + padding: 0 8px 8px !important; + margin-bottom: -1050px !important; + background-color: transparent !important; } #vicidial_form #MaiNfooter { - background: var(--color-bg-lighter, #E0F7FA) !important; - padding: 8px 14px !important; - margin: 0 !important; - width: auto !important; + background: var(--color-bg-white) !important; + padding: 12px 16px !important; + margin-top: 0 !important; + margin-bottom: 0 !important; + width: 100% !important; max-width: 100% !important; - box-sizing: border-box !important; - border: 1px solid var(--color-primary-light, #20B2AA) !important; - border-radius: var(--vdc-radius-sm, 6px) !important; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) !important; + box-sizing: border-box; } #vicidial_form #MaiNfooter font, #vicidial_form #MaiNfooter .body_small { @@ -6109,12 +6003,9 @@ body:has(form[action*="AST_CLOSER_service_level"]) > table[bgcolor="#015B91"] + } #vicidial_form #MaiNfooter a { color: var(--color-primary-medium, #008B8B) !important; - padding: 2px 6px !important; - border-radius: 4px !important; - transition: background var(--vdc-transition) !important; -} -#vicidial_form #MaiNfooter a:hover { - background: var(--bg-decorative-1) !important; + padding: 2px 6px; + border-radius: 4px; + transition: background var(--vdc-transition); } /* Ocultar fila de debug (busycallsdebug) debajo de STATUS en el panel principal */ #vicidial_form #MainTable tr:has(#busycallsdebug), @@ -6340,11 +6231,7 @@ body[data-vdc-theme="dark"] #vicidial_form #MaiNfooter .body_small { } /* ========== Overlay "Your session has been disabled" (AgenTDisablEBoX) ========== */ -body:has(#AgenTDisablEBoX[style*="visibility: visible"]) { - overflow: hidden !important; -} #AgenTDisablEBoX { - position: fixed !important; left: 0 !important; top: 0 !important; width: 100vw !important; @@ -6353,10 +6240,9 @@ body:has(#AgenTDisablEBoX[style*="visibility: visible"]) { display: flex !important; align-items: center !important; justify-content: center !important; - background: rgba(0, 0, 0, 0.45) !important; + background: rgba(0, 0, 0, 0.4) !important; backdrop-filter: blur(4px); overflow: hidden; - } #AgenTDisablEBoX > table { width: auto !important; @@ -6478,7 +6364,6 @@ body:has(#NoneInSessionBox[style*="visibility: visible"]) { } #NoneInSessionBox { display: flex !important; - position: fixed !important; align-items: center; justify-content: center; left: 0 !important; @@ -6547,7 +6432,6 @@ body:has(#DeactivateDOlDSessioNSpan[style*="visibility: visible"]) { } #DeactivateDOlDSessioNSpan { display: flex !important; - position: fixed !important; align-items: center; justify-content: center; left: 0 !important; @@ -6555,8 +6439,7 @@ body:has(#DeactivateDOlDSessioNSpan[style*="visibility: visible"]) { width: 100vw !important; height: 100vh !important; min-height: 100vh; - background: rgba(0, 0, 0, 0.45) !important; - backdrop-filter: blur(4px); + background: var(--color-bg-white, #fff) !important; z-index: 9999 !important; } #DeactivateDOlDSessioNSpan table { @@ -6613,6 +6496,7 @@ body:has(#DeactivateDOlDSessioNSpan[style*="visibility: visible"]) { transform: translateY(-1px); } + /* ========== Overlays: fijar al viewport para que no se corten al hacer scroll ========== */ #NeWManuaLDiaLBox, #DispoSelectBox,