← All changes | css/common-style.css +50 -315 8.5.2 → 5.4.2 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
		@@ -1552,12 +1575,11 @@
1552	1575	}
1553	1576
1554	1577
1555	1578	@media screen and (max-width: 767px) {
1556		- body div#wp-chatbot-ball-container {
1557		- max-width: 98%;
1558		- margin: 0 auto 3px auto;
1559		- }
	1579	+ div#wp-chatbot-ball-container {
	1580	+ max-width: 99%;
	1581	+ }
1560	1582	.wp-chatbot-header {
1561	1583	padding-left: 50px;
1562	1584	padding-right: 50px;
1563	1585	}
		@@ -1568,8 +1590,10 @@
1568	1590	.wp-chatbot-mobile-full-screen .wp-chatbot-board-container {
1569	1591	width: 100%;
1570	1592	}
1571	1593
	1594	+
	1595	+
1572	1596	#wp-chatbot-mobile-close {
1573	1597	position: absolute;
1574	1598	right: 12px;
1575	1599	top: 9px;
		@@ -1629,16 +1653,29 @@
1629	1653	.wp-chatbot-notification-container {
1630	1654	width: 250px;
1631	1655	padding-top: 55px;
1632	1656	}
	1657	+ /*#wp-chatbot-desktop-close{
	1658	+ right: 8px !important;
	1659	+ top: 8px !important;
	1660	+ }*/
	1661	+ /*.wp-chatbot-mobile-full-screen #wp-chatbot-desktop-close{
	1662	+ display:none !important;
	1663	+ }*/
1633	1664	.wp-chatbot-mobile-full-screen .wp-chatbot-header{
1634	1665	padding-top: 15px !important;
1635	1666	}
1636	1667	}
	1668	+.wpb-search-result{
	1669	+
	1670	+}
	1671	+.wpb-search-result p{
	1672	+
	1673	+}
1637	1674	.wpb-search-result a{
1638	1675	display: block;
1639	1676	background: #fff;
1640		- margin-bottom: 0;
	1677	+ margin-bottom: 7px;
1641	1678	padding: 5px;
1642	1679	}
1643	1680	@media screen and (-webkit-min-device-pixel-ratio:0) {
1644	1681	.qcwp-chatbot-search-article input:focus,
		@@ -1651,9 +1688,13 @@
1651	1688	font-size: 14px;
1652	1689	}
1653	1690
1654	1691	}
	1692	+
	1693	+
1655	1694	/*modal form*/
	1695	+
	1696	+
1656	1697	.plugin-card{
1657	1698	width: 77% !important;
1658	1699	height: 186px;
1659	1700	}
		@@ -1669,310 +1710,4 @@
1669	1710	}
1670	1711	.plugin-card {
1671	1712	width: 100% !important;
1672	1713	}
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		-