← All changes | css/common-style.css +58 -343 8.6.5 → 5.7.2 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*/
		@@ -1551,12 +1577,11 @@
1551	1577	}
1552	1578
1553	1579
1554	1580	@media screen and (max-width: 767px) {
1555		- body div#wp-chatbot-ball-container {
1556		- max-width: 98%;
1557		- margin: 0 auto 3px auto;
1558		- }
	1581	+ div#wp-chatbot-ball-container {
	1582	+ max-width: 99%;
	1583	+ }
1559	1584	.wp-chatbot-header {
1560	1585	padding-left: 50px;
1561	1586	padding-right: 50px;
1562	1587	}
		@@ -1563,9 +1588,14 @@
1563	1588
1564	1589	.wp-chatbot-board-container{
1565	1590	width: 310px;
1566	1591	}
	1592	+ .wp-chatbot-mobile-full-screen .wp-chatbot-board-container {
	1593	+ width: 100%;
	1594	+ }
1567	1595
	1596	+
	1597	+
1568	1598	#wp-chatbot-mobile-close {
1569	1599	position: absolute;
1570	1600	right: 12px;
1571	1601	top: 9px;
		@@ -1625,16 +1655,29 @@
1625	1655	.wp-chatbot-notification-container {
1626	1656	width: 250px;
1627	1657	padding-top: 55px;
1628	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	+ }*/
1629	1666	.wp-chatbot-mobile-full-screen .wp-chatbot-header{
1630	1667	padding-top: 15px !important;
1631	1668	}
1632	1669	}
	1670	+.wpb-search-result{
	1671	+
	1672	+}
	1673	+.wpb-search-result p{
	1674	+
	1675	+}
1633	1676	.wpb-search-result a{
1634	1677	display: block;
1635	1678	background: #fff;
1636		- margin-bottom: 0;
	1679	+ margin-bottom: 7px;
1637	1680	padding: 5px;
1638	1681	}
1639	1682	@media screen and (-webkit-min-device-pixel-ratio:0) {
1640	1683	.qcwp-chatbot-search-article input:focus,
		@@ -1647,9 +1690,13 @@
1647	1690	font-size: 14px;
1648	1691	}
1649	1692
1650	1693	}
	1694	+
	1695	+
1651	1696	/*modal form*/
	1697	+
	1698	+
1652	1699	.plugin-card{
1653	1700	width: 77% !important;
1654	1701	height: 186px;
1655	1702	}
		@@ -1672,14 +1719,17 @@
1672	1719	position: absolute;
1673	1720	left: 0;
1674	1721	top: 32px;
1675	1722	}
	1723	+
1676	1724	.wp-chatbot-textanimation {
1677	1725	position: relative;
1678	1726	}
	1727	+
1679	1728	ul.wp-chatbot-messages-container > li > .wp-chatbot-paragraph .wp-chatbot-textanimation h3 {
1680	1729	padding: 0 0 0 22px !important;
1681	1730	}
	1731	+
1682	1732	span.chatbotquote-info-foot {
1683	1733	font-size: 38px;
1684	1734	padding: 0px 0 0 130px;
1685	1735	position: static;
		@@ -1686,339 +1736,4 @@
1686	1736	bottom: -20px;
1687	1737	display: grid;
1688	1738	line-height: 0;
1689	1739	}
1690		-wp-chatbot-editor-container input::placeholder {
1691		- color: #181818 !important;
1692		-}
1693		-.wp-chatbot-editor-container input::-ms-input-placeholder {
1694		- color: #181818 !important;
1695		-}
1696		-.wpb-search-result a {
1697		- display: block;
1698		- background: #eeeeee00 !important;
1699		- padding: 4px 5px;
1700		- line-height: 20px;
1701		- padding-left: 0px !important;
1702		- margin-bottom: 0;
1703		- color: #222 !important;
1704		-}
1705		-.wpb-search-result a p {
1706		- margin-bottom: 0;
1707		-}
1708		-.wpb-search-result a {
1709		- color: #222;
1710		-}
1711		-.wpbot_card_caption p {
1712		- color: #222;
1713		-}
1714		-
1715		-
1716		-.wp-chatbot-textanimation ul {
1717		- margin: 12px 0 8px 20px !important;
1718		-}
1719		-.wp-chatbot-textanimation ul li {
1720		- list-style-type: "✓";
1721		- padding-left: 6px;
1722		-}
1723		-
1724		-.wp-chatbot-textanimation ul li::marker {
1725		- color: #1d73b4;
1726		- font-weight: bold;
1727		-}
1728		-
1729		-/** like dislike thumbs icons**/
1730		-
1731		-
1732		-
1733		-.qcld-like-dislike-icon {
1734		- display: none;
1735		-}
1736		-
1737		-.qcld-like-dislike-icon a {
1738		- padding: 0 5px;
1739		-}
1740		-
1741		-.qcld-like-dislike-icon i {
1742		- color: #1d73b4;
1743		-}
1744		-
1745		-ul.wp-chatbot-messages-container>li>.wp-chatbot-paragraph,
1746		-.wp-chatbot-agent-profile .wp-chatbot-bubble {
1747		- padding: 8px 15px 15px 15px;
1748		-}
1749		-
1750		-/* ul.wp-chatbot-messages-container>li.wp-chatbot-msg:hover .qcld-like-dislike-icon {
1751		- opacity: 1;
1752		-} */
1753		-.qcld-share {
1754		- position: relative;
1755		- display: inline-block;
1756		-}
1757		-
1758		-.qcld-share .share-menu {
1759		- position: absolute;
1760		- bottom: 100%;
1761		- left: -6px;
1762		- background: #fff;
1763		- border: 1px solid #ddd;
1764		- padding: 5px;
1765		- display: flex;
1766		- gap: 8px;
1767		- border-radius: 5px;
1768		-}
1769		-
1770		-.qcld-share .share-menu a {
1771		- color: #333;
1772		- font-size: 16px;
1773		-}
1774		-
1775		-/**Modal style**/
1776		-#wpbot-report-modal>div {
1777		- box-shadow: inset 1px 1px 0 rgb(255 255 255 / 75%), inset 0 0 5px rgb(255 255 255 / 76%) !important;
1778		- background: #1d73b4 !important;
1779		- backdrop-filter: blur(0px);
1780		- isolation: isolate;
1781		-}
1782		-
1783		-#wpbot-report-modal input#wpbot-report-email {
1784		- box-shadow: inset 1px 1px 0 rgb(255 255 255 / 75%), inset 0 0 5px rgb(255 255 255 / 76%);
1785		- background: #ffffff61;
1786		- backdrop-filter: blur(0px);
1787		- isolation: isolate;
1788		- margin: 0 0;
1789		- border-radius: 6PX;
1790		- padding: 10px 10px;
1791		- border: none;
1792		- width: 96% !important;
1793		- color: #fff;
1794		-}
1795		-
1796		-#wpbot-report-modal textarea#wpbot-report-text {
1797		- box-shadow: inset 1px 1px 0 rgb(255 255 255 / 75%), inset 0 0 5px rgb(255 255 255 / 76%);
1798		- background: #ffffff61;
1799		- backdrop-filter: blur(0px);
1800		- isolation: isolate;
1801		- margin: 0 0;
1802		- border-radius: 6PX;
1803		- padding: 10px 10px;
1804		- border: none;
1805		- width: 96% !important;
1806		- color: #fff;
1807		-}
1808		-
1809		-#wpbot-report-modal textarea#wpbot-report-text:focus-visible {
1810		- box-shadow: none;
1811		- outline: none;
1812		-}
1813		-
1814		-#wpbot-report-modal input#wpbot-report-email:focus-visible {
1815		- box-shadow: none;
1816		- outline: none;
1817		-}
1818		-
1819		-#wpbot-report-modal>div h3 {
1820		- font-size: 20px;
1821		- font-weight: bold;
1822		- color: #fff;
1823		-}
1824		-
1825		-#wpbot-report-modal>div label {
1826		- font-size: 16px;
1827		- font-weight: bold;
1828		- color: #fff;
1829		-}
1830		-
1831		-#wpbot-report-modal>div button {
1832		- transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
1833		- box-shadow: inset 1px 1px 0 rgb(255 255 255 / 75%), inset 0 0 5px rgb(255 255 255 / 76%);
1834		- background: rgb(255 255 255 / 25%);
1835		- backdrop-filter: none;
1836		- isolation: isolate;
1837		- color: rgb(29 115 180) !important;
1838		- margin: 2px 2px;
1839		- border: 1px solid #fff !important;
1840		- padding: 8px 15px;
1841		- border-radius: 8px;
1842		- color: #ffffff !important;
1843		- font-size: 14px;
1844		- font-weight: bold;
1845		- cursor: pointer;
1846		-}
1847		-
1848		-#wpbot-report-modal>div button:hover {
1849		- transform: scale(0.95);
1850		-}
1851		-
1852		-.qcld-like-dislike-icon a .liked {
1853		- color: green;
1854		- cursor: default;
1855		- pointer-events: none;
1856		-}
1857		-
1858		-.qcld-like-dislike-icon a .disliked {
1859		- color: red;
1860		- cursor: default;
1861		- pointer-events: none;
1862		-}
1863		-
1864		-ul.wp-chatbot-messages-container>li.wp-chatbot-msg .chat-container .wp-chatbot-paragraph {
1865		- box-shadow: none;
1866		- background: transparent;
1867		- backdrop-filter: none;
1868		- isolation: inherit;
1869		-}
1870		-
1871		-
1872		-
1873		-ul.wp-chatbot-messages-container>li.wp-chatbot-msg .chat-container {
1874		- box-shadow: inset 1px 1px 0 rgb(255 255 255 / 75%), inset 0 0 5px rgb(255 255 255 / 76%);
1875		- background: rgb(255 255 255 / 30%);
1876		- backdrop-filter: blur(0px);
1877		- isolation: isolate;
1878		- border-radius: 10px;
1879		- padding: 8px 15px;
1880		-}
1881		-
1882		-.qcld-like-dislike-icon {
1883		- padding: 6px 0 0 0;
1884		-}
1885		-
1886		-
1887		-
1888		-.qcld-like-dislike-icon i.fa.fa-thumbs-o-up.liked {
1889		- position: relative;
1890		- font-size: 0px !important;
1891		-}
1892		-
1893		-.qcld-like-dislike-icon i.fa.fa-thumbs-o-up.liked:before {
1894		- content: "\f164" !important;
1895		- left: 0px;
1896		- bottom: 0;
1897		- font-size: 16px !important;
1898		-}
1899		-
1900		-.qcld-like-dislike-icon i.fa.fa-thumbs-o-down.disliked {
1901		- position: relative;
1902		- font-size: 0px !important;
1903		-}
1904		-
1905		-.qcld-like-dislike-icon i.fa.fa-thumbs-o-down.disliked:before {
1906		- content: "\f165" !important;
1907		- left: 0px;
1908		- bottom: 0;
1909		- font-size: 16px !important;
1910		-}
1911		-
1912		-.qcld-like-dislike-icon a {
1913		- padding: 0 0px;
1914		-}
1915		-
1916		-.qcld-like-dislike-icon a i {
1917		- transition: all 0.2s ease-in-out;
1918		-}
1919		-
1920		-.qcld-like-dislike-icon a i:hover {
1921		- transform: scale(1.5);
1922		-}
1923		-
1924		-.qcld-like-dislike-icon i.fa.fa-thumbs-o-up.liked:before {
1925		- transition: all 0.2s ease-in-out;
1926		-}
1927		-
1928		-.qcld-like-dislike-icon i.fa.fa-thumbs-o-down.disliked:before:hover {
1929		- transform: scale(1.5);
1930		-}
1931		-
1932		-.qcld-like-dislike-icon a {
1933		- outline: none !important;
1934		-}
1935		-
1936		-
1937		-.qcld-like-dislike-icon a {
1938		- padding: 0 10px 0 0;
1939		-}
1940		-
1941		-.qcld-like-dislike-icon .share-menu a {
1942		- padding: 0 0 0 0 !important;
1943		-}
1944		-
1945		-.qcld-like-dislike-icon i {
1946		- color: #ffffff;
1947		-}
1948		-
1949		-.wp-chatbot-textanimation ul {
1950		- margin: 12px 0 8px 20px !important;
1951		- padding: 0;
1952		-}
1953		-.qcld-like-dislike-icon i {
1954		- color: #1e74b3;
1955		-}
1956		-.qcld-like-dislike-icon a i {
1957		- font-size: 16px;
1958		- padding: 0;
1959		- height: auto;
1960		-}
1961		-.qcld-like-dislike-icon a {
1962		- padding: 0 5px 0 0;
1963		- height: 15px;
1964		-}
1965		-
1966		-@media screen and (min-height: 1281px) {
1967		- div#wp-chatbot-chat-container .slimScrollDiv {
1968		- height: 100vh !important;
1969		- max-height: 680px !important;
1970		- }
1971		- div#wp-chatbot-chat-container div#wp-chatbot-board-container {
1972		- height: 100vh !important;
1973		- max-height: 850px !important;
1974		- }
1975		-}
1976		-
1977		-@media screen and (max-width: 1024px) {
1978		- div#wp-chatbot-chat-container {
1979		- right: 30px !important;
1980		- bottom: 30px !important;
1981		- left: auto !important;
1982		- }
1983		- div#wp-chatbot-mobile-close {
1984		- display: none;
1985		- }
1986		-}
1987		-@media screen and (max-width: 767px) {
1988		- body div#wp-chatbot-ball-container {
1989		- max-width: 100%;
1990		- margin: 0 auto 3px auto;
1991		- width: 100%;
1992		- }
1993		-}
1994		-
1995		-@media screen and (max-width: 480px) {
1996		- div#wp-chatbot-chat-container {
1997		- right: 0px !important;
1998		- bottom: 0px !important;
1999		- left: auto !important;
2000		- }
2001		- /* Full width only below 480px while open (incl. after reset/reload) */
2002		- div#wp-chatbot-chat-container.wp-chatbot-mobile-fs-open {
2003		- left: 0 !important;
2004		- right: 0 !important;
2005		- bottom: 0 !important;
2006		- width: 100% !important;
2007		- max-width: 100% !important;
2008		- }
2009		- div#wp-chatbot-chat-container.wp-chatbot-mobile-fs-open #wp-chatbot-board-container,
2010		- div#wp-chatbot-chat-container.wp-chatbot-mobile-fs-open .wp-chatbot-board-container,
2011		- .wp-chatbot-template-01 div#wp-chatbot-chat-container.wp-chatbot-mobile-fs-open #wp-chatbot-board-container,
2012		- .wp-chatbot-mobile-full-screen.wp-chatbot-mobile-fs-open #wp-chatbot-board-container,
2013		- .wp-chatbot-template-01 .wp-chatbot-mobile-full-screen.wp-chatbot-mobile-fs-open #wp-chatbot-board-container,
2014		- div#wp-chatbot-chat-container.wp-chatbot-mobile-fs-open .slimScrollDiv,
2015		- div#wp-chatbot-chat-container.wp-chatbot-mobile-fs-open .wp-chatbot-ball-inner {
2016		- width: 100% !important;
2017		- max-width: 100% !important;
2018		- }
2019		- div#wp-chatbot-ball {
2020		- right: 30px;
2021		- bottom: 30px;
2022		- position: relative;
2023		-}
2024		-}