Sapian
/
vicidial_sapian
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Actualización panel admin

Browse Source
main
Simon Hurtado 3 months ago
parent f98ca8ce60 8a45898932
commit 9f6f54ae96
1 changed files with 19 additions and 135 deletions
Show Stats Download Patch File Download Diff File

154
Custom/installer/custom.css
Unescape View File

@ -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 <a>): 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 <a>) */
#vicidial_form #HangupControl:has(> a) {
position: relative !important;
background: #c62828 !important;
border-color: #b71c1c !important;
color: #fff !important;
}
/* El <a> 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 <a> */
}
#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 <a>, 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,

Write Preview
Loading…
Cancel
Save