← All changes | css/common-style.css +53 -276 8.6.0 → 6.0.7 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;
		@@ -372,11 +373,10 @@
372	373	display: none;
373	374	}
374	375
375	376	#wp-chatbot-messages-container .wp-chatbot-avatar img, .wp-chatbot-agent-profile .wp-chatbot-widget-avatar img {
376		- width: 40px;
377		- height: 40px;
378		- object-fit: cover;
	377	+ width: 40px !important;
	378	+ height: 40px !important;
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*/
		@@ -1552,12 +1577,11 @@
1552	1577	}
1553	1578
1554	1579
1555	1580	@media screen and (max-width: 767px) {
1556		- body div#wp-chatbot-ball-container {
1557		- max-width: 98%;
1558		- margin: 0 auto 3px auto;
1559		- }
	1581	+ div#wp-chatbot-ball-container {
	1582	+ max-width: 99%;
	1583	+ }
1560	1584	.wp-chatbot-header {
1561	1585	padding-left: 50px;
1562	1586	padding-right: 50px;
1563	1587	}
		@@ -1568,8 +1592,10 @@
1568	1592	.wp-chatbot-mobile-full-screen .wp-chatbot-board-container {
1569	1593	width: 100%;
1570	1594	}
1571	1595
	1596	+
	1597	+
1572	1598	#wp-chatbot-mobile-close {
1573	1599	position: absolute;
1574	1600	right: 12px;
1575	1601	top: 9px;
		@@ -1629,8 +1655,15 @@
1629	1655	.wp-chatbot-notification-container {
1630	1656	width: 250px;
1631	1657	padding-top: 55px;
1632	1658	}
	1659	+ /*#wp-chatbot-desktop-close{
	1660	+ right: 8px !important;
	1661	+ top: 8px !important;
	1662	+ }*/
	1663	+ /*.wp-chatbot-mobile-full-screen #wp-chatbot-desktop-close{
	1664	+ display:none !important;
	1665	+ }*/
1633	1666	.wp-chatbot-mobile-full-screen .wp-chatbot-header{
1634	1667	padding-top: 15px !important;
1635	1668	}
1636	1669	}
		@@ -1636,9 +1669,9 @@
1636	1669	}
1637	1670	.wpb-search-result a{
1638	1671	display: block;
1639	1672	background: #fff;
1640		- margin-bottom: 0;
	1673	+ margin-bottom: 7px;
1641	1674	padding: 5px;
1642	1675	}
1643	1676	@media screen and (-webkit-min-device-pixel-ratio:0) {
1644	1677	.qcwp-chatbot-search-article input:focus,
		@@ -1651,9 +1684,13 @@
1651	1684	font-size: 14px;
1652	1685	}
1653	1686
1654	1687	}
	1688	+
	1689	+
1655	1690	/*modal form*/
	1691	+
	1692	+
1656	1693	.plugin-card{
1657	1694	width: 77% !important;
1658	1695	height: 186px;
1659	1696	}
		@@ -1676,14 +1713,17 @@
1676	1713	position: absolute;
1677	1714	left: 0;
1678	1715	top: 32px;
1679	1716	}
	1717	+
1680	1718	.wp-chatbot-textanimation {
1681	1719	position: relative;
1682	1720	}
	1721	+
1683	1722	ul.wp-chatbot-messages-container > li > .wp-chatbot-paragraph .wp-chatbot-textanimation h3 {
1684	1723	padding: 0 0 0 22px !important;
1685	1724	}
	1725	+
1686	1726	span.chatbotquote-info-foot {
1687	1727	font-size: 38px;
1688	1728	padding: 0px 0 0 130px;
1689	1729	position: static;
		@@ -1696,8 +1736,9 @@
1696	1736	}
1697	1737	.wp-chatbot-editor-container input::-ms-input-placeholder {
1698	1738	color: #181818 !important;
1699	1739	}
	1740	+
1700	1741	.wpb-search-result a {
1701	1742	display: block;
1702	1743	background: #eeeeee00 !important;
1703	1744	padding: 4px 5px;
		@@ -1702,277 +1743,13 @@
1702	1743	background: #eeeeee00 !important;
1703	1744	padding: 4px 5px;
1704	1745	line-height: 20px;
1705	1746	padding-left: 0px !important;
1706		- margin-bottom: 0;
1707		- color: #222 !important;
	1747	+ margin-bottom: 5px;
	1748	+ color: #fff !important;
1708	1749	}
1709	1750	.wpb-search-result a p {
1710	1751	margin-bottom: 0;
1711	1752	}
1712		-.wpb-search-result a {
1713		- color: #222;
1714		-}
1715	1753	.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		-
	1754	+ color: #fff !important;
	1755	+}