Edit File by line
/home/zeestwma/richards.../wp-conte.../plugins/wpforms-.../assets/css/integrat.../ai
File: modal.css
/** AI modal */
[0] Fix | Delete
.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-chat-item-question {
[1] Fix | Delete
background-color: #7a30e2;
[2] Fix | Delete
}
[3] Fix | Delete
[4] Fix | Delete
.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-send,
[5] Fix | Delete
.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-stop {
[6] Fix | Delete
background-color: #7a30e2;
[7] Fix | Delete
}
[8] Fix | Delete
[9] Fix | Delete
.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-send:hover, .jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-send:focus,
[10] Fix | Delete
.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-stop:hover,
[11] Fix | Delete
.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-stop:focus {
[12] Fix | Delete
background-color: #5c24a9;
[13] Fix | Delete
}
[14] Fix | Delete
[15] Fix | Delete
.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li::after {
[16] Fix | Delete
background-image: url("../../../images/integrations/ai/icon-send-purple.svg");
[17] Fix | Delete
}
[18] Fix | Delete
[19] Fix | Delete
.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li:hover a {
[20] Fix | Delete
color: #5c24a9;
[21] Fix | Delete
}
[22] Fix | Delete
[23] Fix | Delete
.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li a:hover, .jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li a:focus {
[24] Fix | Delete
color: #5c24a9;
[25] Fix | Delete
text-decoration: underline;
[26] Fix | Delete
}
[27] Fix | Delete
[28] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal {
[29] Fix | Delete
background: rgba(114, 119, 124, 0.75);
[30] Fix | Delete
backdrop-filter: blur(2px);
[31] Fix | Delete
}
[32] Fix | Delete
[33] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box {
[34] Fix | Delete
border: none;
[35] Fix | Delete
box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.15);
[36] Fix | Delete
padding: 0;
[37] Fix | Delete
}
[38] Fix | Delete
[39] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-content-pane {
[40] Fix | Delete
margin: 0;
[41] Fix | Delete
overflow: hidden;
[42] Fix | Delete
transition-property: height, max-height;
[43] Fix | Delete
transition-duration: 0.05s;
[44] Fix | Delete
transition-timing-function: ease-in-out;
[45] Fix | Delete
}
[46] Fix | Delete
[47] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content {
[48] Fix | Delete
overflow: hidden;
[49] Fix | Delete
height: 100%;
[50] Fix | Delete
}
[51] Fix | Delete
[52] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content > div {
[53] Fix | Delete
height: 100%;
[54] Fix | Delete
overflow: hidden;
[55] Fix | Delete
}
[56] Fix | Delete
[57] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type="text"] {
[58] Fix | Delete
margin: 0;
[59] Fix | Delete
width: 100%;
[60] Fix | Delete
}
[61] Fix | Delete
[62] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content strong {
[63] Fix | Delete
font-weight: 500;
[64] Fix | Delete
}
[65] Fix | Delete
[66] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon {
[67] Fix | Delete
opacity: 0.8;
[68] Fix | Delete
top: 17px;
[69] Fix | Delete
inset-inline-end: 24px !important;
[70] Fix | Delete
inset-inline-start: auto;
[71] Fix | Delete
z-index: 200;
[72] Fix | Delete
}
[73] Fix | Delete
[74] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:after {
[75] Fix | Delete
content: '';
[76] Fix | Delete
background-image: url("../../../images/integrations/ai/close.svg");
[77] Fix | Delete
background-size: 13px 13px;
[78] Fix | Delete
background-position: center;
[79] Fix | Delete
background-repeat: no-repeat;
[80] Fix | Delete
width: 14px;
[81] Fix | Delete
height: 14px;
[82] Fix | Delete
}
[83] Fix | Delete
[84] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:hover {
[85] Fix | Delete
opacity: 1;
[86] Fix | Delete
}
[87] Fix | Delete
[88] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .wpforms-ai-modal-top-bar {
[89] Fix | Delete
position: absolute;
[90] Fix | Delete
z-index: 100;
[91] Fix | Delete
top: 0;
[92] Fix | Delete
right: 0;
[93] Fix | Delete
left: 0;
[94] Fix | Delete
height: 46px;
[95] Fix | Delete
padding: 0;
[96] Fix | Delete
transition: background-color 0.15s ease, border-bottom 0.15s ease;
[97] Fix | Delete
background-color: transparent;
[98] Fix | Delete
border-bottom: 1px solid transparent;
[99] Fix | Delete
}
[100] Fix | Delete
[101] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .wpforms-ai-modal-top-bar.scrolled {
[102] Fix | Delete
background-color: #f8f8f8;
[103] Fix | Delete
border-bottom: 1px solid #ddd;
[104] Fix | Delete
}
[105] Fix | Delete
[106] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .wpforms-ai-modal-top-bar .wpforms-ai-modal-pin {
[107] Fix | Delete
position: absolute;
[108] Fix | Delete
top: 16px;
[109] Fix | Delete
inset-inline-end: 53px;
[110] Fix | Delete
width: 14px;
[111] Fix | Delete
height: 14px;
[112] Fix | Delete
cursor: pointer;
[113] Fix | Delete
opacity: 0.8;
[114] Fix | Delete
z-index: 100;
[115] Fix | Delete
color: #bbb;
[116] Fix | Delete
}
[117] Fix | Delete
[118] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .wpforms-ai-modal-top-bar .wpforms-ai-modal-pin.not-allowed:hover {
[119] Fix | Delete
cursor: not-allowed;
[120] Fix | Delete
}
[121] Fix | Delete
[122] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .wpforms-ai-modal-top-bar .wpforms-ai-modal-pin:after {
[123] Fix | Delete
display: inline-block;
[124] Fix | Delete
content: '';
[125] Fix | Delete
background-image: url("../../../images/integrations/ai/pin-chat.svg");
[126] Fix | Delete
background-size: 14px 12px;
[127] Fix | Delete
width: 14px;
[128] Fix | Delete
height: 12px;
[129] Fix | Delete
}
[130] Fix | Delete
[131] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .wpforms-ai-modal-top-bar .wpforms-ai-modal-pin:hover {
[132] Fix | Delete
opacity: 1;
[133] Fix | Delete
}
[134] Fix | Delete
[135] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned {
[136] Fix | Delete
background: transparent;
[137] Fix | Delete
backdrop-filter: blur(0.8px);
[138] Fix | Delete
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
[139] Fix | Delete
width: 500px;
[140] Fix | Delete
z-index: 49;
[141] Fix | Delete
position: fixed;
[142] Fix | Delete
bottom: 0;
[143] Fix | Delete
inset-inline-start: initial;
[144] Fix | Delete
inset-inline-end: 0;
[145] Fix | Delete
}
[146] Fix | Delete
[147] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned a {
[148] Fix | Delete
white-space: nowrap;
[149] Fix | Delete
}
[150] Fix | Delete
[151] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder {
[152] Fix | Delete
inset-inline-end: 0;
[153] Fix | Delete
bottom: 0;
[154] Fix | Delete
padding-top: 0 !important;
[155] Fix | Delete
padding-bottom: 0 !important;
[156] Fix | Delete
padding-inline: 0;
[157] Fix | Delete
height: 10%;
[158] Fix | Delete
}
[159] Fix | Delete
[160] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box {
[161] Fix | Delete
margin: 0;
[162] Fix | Delete
width: 100%;
[163] Fix | Delete
height: 100vh;
[164] Fix | Delete
border-radius: 0;
[165] Fix | Delete
grid-template-rows: 1fr;
[166] Fix | Delete
}
[167] Fix | Delete
[168] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .jconfirm-content-pane {
[169] Fix | Delete
height: calc( 100vh - 76px) !important;
[170] Fix | Delete
max-height: 100vh !important;
[171] Fix | Delete
}
[172] Fix | Delete
[173] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .jconfirm-content-pane .wpforms-ai-chat-welcome-screen {
[174] Fix | Delete
padding-top: 35px;
[175] Fix | Delete
}
[176] Fix | Delete
[177] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .jconfirm-closeIcon {
[178] Fix | Delete
top: 16px;
[179] Fix | Delete
}
[180] Fix | Delete
[181] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-modal-top-bar {
[182] Fix | Delete
background-color: #f8f8f8;
[183] Fix | Delete
border-bottom: 1px solid #ddd;
[184] Fix | Delete
}
[185] Fix | Delete
[186] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-modal-top-bar .wpforms-ai-modal-pin {
[187] Fix | Delete
top: 16px;
[188] Fix | Delete
}
[189] Fix | Delete
[190] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-modal-top-bar .wpforms-ai-modal-pin:after {
[191] Fix | Delete
background-image: url("../../../images/integrations/ai/unpin-chat.svg");
[192] Fix | Delete
background-size: 14px;
[193] Fix | Delete
width: 14px;
[194] Fix | Delete
height: 14px;
[195] Fix | Delete
}
[196] Fix | Delete
[197] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-list {
[198] Fix | Delete
padding: 30px;
[199] Fix | Delete
height: calc( 100% - 114px);
[200] Fix | Delete
max-height: none;
[201] Fix | Delete
}
[202] Fix | Delete
[203] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-list.wpforms-scrollbar-compact {
[204] Fix | Delete
padding-right: 17px;
[205] Fix | Delete
}
[206] Fix | Delete
[207] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-list .wpforms-ai-chat-divider {
[208] Fix | Delete
margin: 30px 0;
[209] Fix | Delete
}
[210] Fix | Delete
[211] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-list .wpforms-chat-item-question {
[212] Fix | Delete
max-width: 280px;
[213] Fix | Delete
}
[214] Fix | Delete
[215] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-list .wpforms-chat-item-answer:last-child {
[216] Fix | Delete
margin-bottom: 0;
[217] Fix | Delete
}
[218] Fix | Delete
[219] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-list pre {
[220] Fix | Delete
max-width: 358px;
[221] Fix | Delete
}
[222] Fix | Delete
[223] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-input {
[224] Fix | Delete
padding: 30px;
[225] Fix | Delete
height: 114px;
[226] Fix | Delete
}
[227] Fix | Delete
[228] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-input textarea {
[229] Fix | Delete
margin-top: 0 !important;
[230] Fix | Delete
}
[231] Fix | Delete
[232] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-input .wpforms-ai-chat-send, body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-input .wpforms-ai-chat-stop {
[233] Fix | Delete
bottom: 30px;
[234] Fix | Delete
}
[235] Fix | Delete
[236] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-list {
[237] Fix | Delete
height: calc( 100% - var( --wpforms-ai-chat-input-height, 54px ) - var( --wpforms-ai-chat-message-list-offset, 41px ) + 17px);
[238] Fix | Delete
}
[239] Fix | Delete
[240] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-input {
[241] Fix | Delete
height: calc( var( --wpforms-ai-chat-input-height, 54px ) + var( --wpforms-ai-chat-message-list-offset, 50px ) - 17px);
[242] Fix | Delete
}
[243] Fix | Delete
[244] Fix | Delete
body .jconfirm.jconfirm-wpforms-ai-modal.pinned.with-wpadminbar .jconfirm-holder .jconfirm-box .jconfirm-content-pane {
[245] Fix | Delete
height: calc( 100vh - 106px) !important;
[246] Fix | Delete
}
[247] Fix | Delete
[248] Fix | Delete
body.rtl .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .wpforms-ai-modal-top-bar .wpforms-ai-modal-pin:after {
[249] Fix | Delete
transform: scaleX(-1);
[250] Fix | Delete
}
[251] Fix | Delete
[252] Fix | Delete
It is recommended that you Edit text format, this type of Fix handles quite a lot in one request
Function