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