PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 5.2.6
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v5.2.6
8.7.9 8.7.8 8.7.7 8.7.6 8.7.5 8.7.4 8.7.3 8.7.2 8.7.1 8.7.0 8.6.9 8.6.8 8.6.7 8.6.6 8.6.5 8.6.4 8.6.2 8.6.1 8.6.0 8.5.9 8.5.8 8.5.7 8.5.6 8.5.5 8.5.4 All 535 releases
← All changes | css/common-style.css +53 -422 8.6.45.2.6 View file →
@@ -247,11 +247,13 @@
247 247 padding: 0 !important;
248 248 }
249 249
250 250 .wp-chatbot-content {
251 + height: calc(100vh - 277px);
251 252 position: relative;
252 253 padding: 15px;
253 254 box-sizing: border-box;
255 + max-height: 564px;
254 256 }
255 257
256 258 .wp-chatbot-product-reload.wp-chatbot-product-loading {
257 259 display: block;
@@ -371,11 +373,10 @@
371 373 display: none;
372 374 }
373 375
374 376 #wp-chatbot-messages-container .wp-chatbot-avatar img, .wp-chatbot-agent-profile .wp-chatbot-widget-avatar img {
375 - width: 40px;
376 - height: 40px;
377 - object-fit: cover;
377 + width: 40px !important;
378 + height: 40px !important;
378 379 }
379 380
380 381 /*********************************************************************************
381 382 4. Tab
@@ -531,8 +532,33 @@
531 532 box-shadow: none;
532 533 background: none;
533 534 }
534 535
536 +.wp-chatbot-editor-container button {
537 + display: inline-block;
538 + height: 40px;
539 + background: transparent url("../images/send-button.png") no-repeat right !important;
540 + color: transparent !important;
541 + width: 20%;
542 + cursor: pointer;
543 + margin: 0 0 0 -8px;
544 + padding: 0;
545 + border: none;
546 + outline: none;
547 +}
548 +
549 +.wp-chatbot-editor-container button:hover {
550 + background: transparent url("../images/send-button.png") no-repeat center;
551 + color: transparent;
552 +}
553 +
554 +.wp-chatbot-editor-container button:focus {
555 + outline: none;
556 + border: none;
557 + box-shadow: none;
558 + background: transparent url("../images/send-button.png") no-repeat center;
559 +}
560 +
535 561 /*****************************************************************************************
536 562 6. Message Item
537 563 *********************************************************************************************/
538 564 /*Load More Product*/
@@ -1361,11 +1387,9 @@
1361 1387 background-position: 0 -80px;
1362 1388 border: none !important;
1363 1389 box-shadow: none !important;
1364 1390 }
1365 -.swal2-container {
1366 - z-index: 99999999;
1367 -}
1391 +
1368 1392 .facebook-messenger {
1369 1393 background-position: 0 -80px;
1370 1394 }
1371 1395
@@ -1401,112 +1425,8 @@
1401 1425 .fb_dialog > .fb_dialog_content {
1402 1426 opacity: 0.01;
1403 1427 }
1404 1428
1405 -
1406 -
1407 -
1408 -/**********************************************************************************************
1409 -**********************************************************************************************
1410 -************************************* text writing animation ************************************
1411 -***********************************************************************************************
1412 -***********************************************************************************************/
1413 -/* @keyframes letters {
1414 - from {
1415 - left: 0;
1416 - }
1417 - to {
1418 - left: 100%;
1419 - }
1420 - }
1421 - @keyframes lines {
1422 - from {
1423 - top: 0;
1424 - }
1425 - to {
1426 - top: 100%;
1427 - }
1428 - }
1429 - @keyframes cursor-type {
1430 - 50% {
1431 - border-color: #1f8ceb00;
1432 - }
1433 - }
1434 - @keyframes cursor-wait {
1435 - 0% {
1436 - box-shadow: inset 2px 0 0 0 rgba(0, 0, 0, 0);
1437 - }
1438 - 1% {
1439 - box-shadow: inset 2px 0 0 0 #1f8ceb00;
1440 - }
1441 - 40% {
1442 - box-shadow: inset 2px 0 0 0 #1f8ceb00;
1443 - }
1444 - }
1445 -
1446 -
1447 - li.wp-chatbot-msg .wp-chatbot-paragraph .wp-chatbot-textanimation {
1448 - position: relative;
1449 - width: 100%;
1450 - line-height: 1.2;
1451 - word-break: break-all;
1452 - overflow: hidden;
1453 - }
1454 - @supports (width: 1ch) {
1455 - li.wp-chatbot-msg .wp-chatbot-paragraph .wp-chatbot-textanimation:before, li.wp-chatbot-msg .wp-chatbot-paragraph .wp-chatbot-textanimation:after {
1456 - box-sizing: border-box;
1457 - content: "";
1458 - position: absolute;
1459 - z-index: 1;
1460 - display: block;
1461 - height: 1.2em;
1462 - width: 100%;
1463 - background-color: #1f8ceb;
1464 - }
1465 - li.wp-chatbot-msg .wp-chatbot-paragraph .wp-chatbot-textanimation:before {
1466 - border-left: 2px solid transparent;
1467 - top: 100%;
1468 - animation-name: letters, lines, cursor-type, cursor-wait;
1469 - animation-fill-mode: both, both, both, backwards;
1470 - }
1471 - li.wp-chatbot-msg .wp-chatbot-paragraph .wp-chatbot-textanimation:after {
1472 - content: "";
1473 - height: 100%;
1474 - top: 100%;
1475 - left: 0;
1476 - margin-top: 1.2em;
1477 - }
1478 - }
1479 -
1480 - li.wp-chatbot-msg .wp-chatbot-paragraph .wp-chatbot-textanimation:before {
1481 - animation-duration: 1.4285714286s, 1.4285714286s, 0.0285714286s, 0.8s;
1482 - animation-timing-function: steps(50, end), steps(1, end), step-end, ease-out;
1483 - animation-iteration-count: 1, 1, 35, 2;
1484 - animation-delay: 0.6s, 0.6s, 0.6s, 1.0s;
1485 - }
1486 - li.wp-chatbot-msg .wp-chatbot-paragraph .wp-chatbot-textanimation:after {
1487 - animation: lines 1.4285714286s steps(1, end) 1;
1488 - animation-fill-mode: backwards;
1489 - animation-delay: 1.0s;
1490 - }
1491 -
1492 -
1493 - ul.wp-chatbot-messages-container > li.wp-chatbot-msg:first-child{
1494 - background-color: #fff;
1495 - }
1496 -
1497 -
1498 - ul.wp-chatbot-messages-container > li.wp-chatbot-msg:first-child .wp-chatbot-paragraph .wp-chatbot-textanimation:before, ul.wp-chatbot-messages-container > li.wp-chatbot-msg:first-child .wp-chatbot-paragraph .wp-chatbot-textanimation:after {
1499 - box-sizing: border-box;
1500 - content: "";
1501 - position: absolute;
1502 - z-index: 1;
1503 - display: block;
1504 - height: 1.2em;
1505 - width: 100%;
1506 - background-color: #1f8ceb00;
1507 - } */
1508 -
1509 1429 /****************************************************************************************************
1510 1430 11 Responsive
1511 1431 ****************************************************************************************************/
1512 1432 @media screen and (max-width: 1200px) {
@@ -1551,12 +1471,11 @@
1551 1471 }
1552 1472
1553 1473
1554 1474 @media screen and (max-width: 767px) {
1555 - body div#wp-chatbot-ball-container {
1556 - max-width: 98%;
1557 - margin: 0 auto 3px auto;
1558 - }
1475 + div#wp-chatbot-ball-container {
1476 + max-width: 99%;
1477 + }
1559 1478 .wp-chatbot-header {
1560 1479 padding-left: 50px;
1561 1480 padding-right: 50px;
1562 1481 }
@@ -1567,8 +1486,10 @@
1567 1486 .wp-chatbot-mobile-full-screen .wp-chatbot-board-container {
1568 1487 width: 100%;
1569 1488 }
1570 1489
1490 +
1491 +
1571 1492 #wp-chatbot-mobile-close {
1572 1493 position: absolute;
1573 1494 right: 12px;
1574 1495 top: 9px;
@@ -1628,16 +1549,29 @@
1628 1549 .wp-chatbot-notification-container {
1629 1550 width: 250px;
1630 1551 padding-top: 55px;
1631 1552 }
1553 + /*#wp-chatbot-desktop-close{
1554 + right: 8px !important;
1555 + top: 8px !important;
1556 + }*/
1557 + /*.wp-chatbot-mobile-full-screen #wp-chatbot-desktop-close{
1558 + display:none !important;
1559 + }*/
1632 1560 .wp-chatbot-mobile-full-screen .wp-chatbot-header{
1633 1561 padding-top: 15px !important;
1634 1562 }
1635 1563 }
1564 +.wpb-search-result{
1565 +
1566 +}
1567 +.wpb-search-result p{
1568 +
1569 +}
1636 1570 .wpb-search-result a{
1637 1571 display: block;
1638 1572 background: #fff;
1639 - margin-bottom: 0;
1573 + margin-bottom: 7px;
1640 1574 padding: 5px;
1641 1575 }
1642 1576 @media screen and (-webkit-min-device-pixel-ratio:0) {
1643 1577 .qcwp-chatbot-search-article input:focus,
@@ -1650,9 +1584,13 @@
1650 1584 font-size: 14px;
1651 1585 }
1652 1586
1653 1587 }
1588 +
1589 +
1654 1590 /*modal form*/
1591 +
1592 +
1655 1593 .plugin-card{
1656 1594 width: 77% !important;
1657 1595 height: 186px;
1658 1596 }
@@ -1668,311 +1606,4 @@
1668 1606 }
1669 1607 .plugin-card {
1670 1608 width: 100% !important;
1671 1609 }
1672 - span.chatbotquote-info {
1673 - font-size: 38px;
1674 - padding: 20px 0 0 0;
1675 - position: absolute;
1676 - left: 0;
1677 - top: 32px;
1678 -}
1679 -.wp-chatbot-textanimation {
1680 - position: relative;
1681 -}
1682 -ul.wp-chatbot-messages-container > li > .wp-chatbot-paragraph .wp-chatbot-textanimation h3 {
1683 - padding: 0 0 0 22px !important;
1684 -}
1685 -span.chatbotquote-info-foot {
1686 - font-size: 38px;
1687 - padding: 0px 0 0 130px;
1688 - position: static;
1689 - bottom: -20px;
1690 - display: grid;
1691 - line-height: 0;
1692 -}
1693 -wp-chatbot-editor-container input::placeholder {
1694 - color: #181818 !important;
1695 -}
1696 -.wp-chatbot-editor-container input::-ms-input-placeholder {
1697 - color: #181818 !important;
1698 -}
1699 -.wpb-search-result a {
1700 - display: block;
1701 - background: #eeeeee00 !important;
1702 - padding: 4px 5px;
1703 - line-height: 20px;
1704 - padding-left: 0px !important;
1705 - margin-bottom: 0;
1706 - color: #222 !important;
1707 -}
1708 -.wpb-search-result a p {
1709 - margin-bottom: 0;
1710 -}
1711 -.wpb-search-result a {
1712 - color: #222;
1713 -}
1714 -.wpbot_card_caption p {
1715 - color: #222;
1716 -}
1717 -
1718 -
1719 -.wp-chatbot-textanimation ul {
1720 - margin: 12px 0 8px 20px !important;
1721 -}
1722 -.wp-chatbot-textanimation ul li {
1723 - list-style-type: "✓";
1724 - padding-left: 6px;
1725 -}
1726 -
1727 -.wp-chatbot-textanimation ul li::marker {
1728 - color: #1d73b4;
1729 - font-weight: bold;
1730 -}
1731 -
1732 -/** like dislike thumbs icons**/
1733 -
1734 -
1735 -
1736 -.qcld-like-dislike-icon {
1737 - display: none;
1738 -}
1739 -
1740 -.qcld-like-dislike-icon a {
1741 - padding: 0 5px;
1742 -}
1743 -
1744 -.qcld-like-dislike-icon i {
1745 - color: #1d73b4;
1746 -}
1747 -
1748 -ul.wp-chatbot-messages-container>li>.wp-chatbot-paragraph,
1749 -.wp-chatbot-agent-profile .wp-chatbot-bubble {
1750 - padding: 8px 15px 15px 15px;
1751 -}
1752 -
1753 -/* ul.wp-chatbot-messages-container>li.wp-chatbot-msg:hover .qcld-like-dislike-icon {
1754 - opacity: 1;
1755 -} */
1756 -.qcld-share {
1757 - position: relative;
1758 - display: inline-block;
1759 -}
1760 -
1761 -.qcld-share .share-menu {
1762 - position: absolute;
1763 - bottom: 100%;
1764 - left: -6px;
1765 - background: #fff;
1766 - border: 1px solid #ddd;
1767 - padding: 5px;
1768 - display: flex;
1769 - gap: 8px;
1770 - border-radius: 5px;
1771 -}
1772 -
1773 -.qcld-share .share-menu a {
1774 - color: #333;
1775 - font-size: 16px;
1776 -}
1777 -
1778 -/**Modal style**/
1779 -#wpbot-report-modal>div {
1780 - box-shadow: inset 1px 1px 0 rgb(255 255 255 / 75%), inset 0 0 5px rgb(255 255 255 / 76%) !important;
1781 - background: #1d73b4 !important;
1782 - backdrop-filter: blur(0px);
1783 - isolation: isolate;
1784 -}
1785 -
1786 -#wpbot-report-modal input#wpbot-report-email {
1787 - box-shadow: inset 1px 1px 0 rgb(255 255 255 / 75%), inset 0 0 5px rgb(255 255 255 / 76%);
1788 - background: #ffffff61;
1789 - backdrop-filter: blur(0px);
1790 - isolation: isolate;
1791 - margin: 0 0;
1792 - border-radius: 6PX;
1793 - padding: 10px 10px;
1794 - border: none;
1795 - width: 96% !important;
1796 - color: #fff;
1797 -}
1798 -
1799 -#wpbot-report-modal textarea#wpbot-report-text {
1800 - box-shadow: inset 1px 1px 0 rgb(255 255 255 / 75%), inset 0 0 5px rgb(255 255 255 / 76%);
1801 - background: #ffffff61;
1802 - backdrop-filter: blur(0px);
1803 - isolation: isolate;
1804 - margin: 0 0;
1805 - border-radius: 6PX;
1806 - padding: 10px 10px;
1807 - border: none;
1808 - width: 96% !important;
1809 - color: #fff;
1810 -}
1811 -
1812 -#wpbot-report-modal textarea#wpbot-report-text:focus-visible {
1813 - box-shadow: none;
1814 - outline: none;
1815 -}
1816 -
1817 -#wpbot-report-modal input#wpbot-report-email:focus-visible {
1818 - box-shadow: none;
1819 - outline: none;
1820 -}
1821 -
1822 -#wpbot-report-modal>div h3 {
1823 - font-size: 20px;
1824 - font-weight: bold;
1825 - color: #fff;
1826 -}
1827 -
1828 -#wpbot-report-modal>div label {
1829 - font-size: 16px;
1830 - font-weight: bold;
1831 - color: #fff;
1832 -}
1833 -
1834 -#wpbot-report-modal>div button {
1835 - transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
1836 - box-shadow: inset 1px 1px 0 rgb(255 255 255 / 75%), inset 0 0 5px rgb(255 255 255 / 76%);
1837 - background: rgb(255 255 255 / 25%);
1838 - backdrop-filter: none;
1839 - isolation: isolate;
1840 - color: rgb(29 115 180) !important;
1841 - margin: 2px 2px;
1842 - border: 1px solid #fff !important;
1843 - padding: 8px 15px;
1844 - border-radius: 8px;
1845 - color: #ffffff !important;
1846 - font-size: 14px;
1847 - font-weight: bold;
1848 - cursor: pointer;
1849 -}
1850 -
1851 -#wpbot-report-modal>div button:hover {
1852 - transform: scale(0.95);
1853 -}
1854 -
1855 -.qcld-like-dislike-icon a .liked {
1856 - color: green;
1857 - cursor: default;
1858 - pointer-events: none;
1859 -}
1860 -
1861 -.qcld-like-dislike-icon a .disliked {
1862 - color: red;
1863 - cursor: default;
1864 - pointer-events: none;
1865 -}
1866 -
1867 -ul.wp-chatbot-messages-container>li.wp-chatbot-msg .chat-container .wp-chatbot-paragraph {
1868 - box-shadow: none;
1869 - background: transparent;
1870 - backdrop-filter: none;
1871 - isolation: inherit;
1872 -}
1873 -
1874 -
1875 -
1876 -ul.wp-chatbot-messages-container>li.wp-chatbot-msg .chat-container {
1877 - box-shadow: inset 1px 1px 0 rgb(255 255 255 / 75%), inset 0 0 5px rgb(255 255 255 / 76%);
1878 - background: rgb(255 255 255 / 30%);
1879 - backdrop-filter: blur(0px);
1880 - isolation: isolate;
1881 - border-radius: 10px;
1882 - padding: 8px 15px;
1883 -}
1884 -
1885 -.qcld-like-dislike-icon {
1886 - padding: 6px 0 0 0;
1887 -}
1888 -
1889 -
1890 -
1891 -.qcld-like-dislike-icon i.fa.fa-thumbs-o-up.liked {
1892 - position: relative;
1893 - font-size: 0px !important;
1894 -}
1895 -
1896 -.qcld-like-dislike-icon i.fa.fa-thumbs-o-up.liked:before {
1897 - content: "\f164" !important;
1898 - left: 0px;
1899 - bottom: 0;
1900 - font-size: 16px !important;
1901 -}
1902 -
1903 -.qcld-like-dislike-icon i.fa.fa-thumbs-o-down.disliked {
1904 - position: relative;
1905 - font-size: 0px !important;
1906 -}
1907 -
1908 -.qcld-like-dislike-icon i.fa.fa-thumbs-o-down.disliked:before {
1909 - content: "\f165" !important;
1910 - left: 0px;
1911 - bottom: 0;
1912 - font-size: 16px !important;
1913 -}
1914 -
1915 -.qcld-like-dislike-icon a {
1916 - padding: 0 0px;
1917 -}
1918 -
1919 -.qcld-like-dislike-icon a i {
1920 - transition: all 0.2s ease-in-out;
1921 -}
1922 -
1923 -.qcld-like-dislike-icon a i:hover {
1924 - transform: scale(1.5);
1925 -}
1926 -
1927 -.qcld-like-dislike-icon i.fa.fa-thumbs-o-up.liked:before {
1928 - transition: all 0.2s ease-in-out;
1929 -}
1930 -
1931 -.qcld-like-dislike-icon i.fa.fa-thumbs-o-down.disliked:before:hover {
1932 - transform: scale(1.5);
1933 -}
1934 -
1935 -.qcld-like-dislike-icon a {
1936 - outline: none !important;
1937 -}
1938 -
1939 -
1940 -.qcld-like-dislike-icon a {
1941 - padding: 0 10px 0 0;
1942 -}
1943 -
1944 -.qcld-like-dislike-icon .share-menu a {
1945 - padding: 0 0 0 0 !important;
1946 -}
1947 -
1948 -.qcld-like-dislike-icon i {
1949 - color: #ffffff;
1950 -}
1951 -
1952 -.wp-chatbot-textanimation ul {
1953 - margin: 12px 0 8px 20px !important;
1954 - padding: 0;
1955 -}
1956 -.qcld-like-dislike-icon i {
1957 - color: #1e74b3;
1958 -}
1959 -.qcld-like-dislike-icon a i {
1960 - font-size: 16px;
1961 - padding: 0;
1962 - height: auto;
1963 -}
1964 -.qcld-like-dislike-icon a {
1965 - padding: 0 5px 0 0;
1966 - height: 15px;
1967 -}
1968 -
1969 -@media screen and (min-height: 1281px) {
1970 - div#wp-chatbot-chat-container .slimScrollDiv {
1971 - height: 100vh !important;
1972 - max-height: 680px !important;
1973 - }
1974 - div#wp-chatbot-chat-container div#wp-chatbot-board-container {
1975 - height: 100vh !important;
1976 - max-height: 850px !important;
1977 - }
1978 -}