← All changes | css/common-style.css +55 -294 8.6.4 → 5.7.3 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	}
		@@ -1567,8 +1592,10 @@
1567	1592	.wp-chatbot-mobile-full-screen .wp-chatbot-board-container {
1568	1593	width: 100%;
1569	1594	}
1570	1595
	1596	+
	1597	+
1571	1598	#wp-chatbot-mobile-close {
1572	1599	position: absolute;
1573	1600	right: 12px;
1574	1601	top: 9px;
		@@ -1628,16 +1655,29 @@
1628	1655	.wp-chatbot-notification-container {
1629	1656	width: 250px;
1630	1657	padding-top: 55px;
1631	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	+ }*/
1632	1666	.wp-chatbot-mobile-full-screen .wp-chatbot-header{
1633	1667	padding-top: 15px !important;
1634	1668	}
1635	1669	}
	1670	+.wpb-search-result{
	1671	+
	1672	+}
	1673	+.wpb-search-result p{
	1674	+
	1675	+}
1636	1676	.wpb-search-result a{
1637	1677	display: block;
1638	1678	background: #fff;
1639		- margin-bottom: 0;
	1679	+ margin-bottom: 7px;
1640	1680	padding: 5px;
1641	1681	}
1642	1682	@media screen and (-webkit-min-device-pixel-ratio:0) {
1643	1683	.qcwp-chatbot-search-article input:focus,
		@@ -1650,9 +1690,13 @@
1650	1690	font-size: 14px;
1651	1691	}
1652	1692
1653	1693	}
	1694	+
	1695	+
1654	1696	/*modal form*/
	1697	+
	1698	+
1655	1699	.plugin-card{
1656	1700	width: 77% !important;
1657	1701	height: 186px;
1658	1702	}
		@@ -1675,14 +1719,17 @@
1675	1719	position: absolute;
1676	1720	left: 0;
1677	1721	top: 32px;
1678	1722	}
	1723	+
1679	1724	.wp-chatbot-textanimation {
1680	1725	position: relative;
1681	1726	}
	1727	+
1682	1728	ul.wp-chatbot-messages-container > li > .wp-chatbot-paragraph .wp-chatbot-textanimation h3 {
1683	1729	padding: 0 0 0 22px !important;
1684	1730	}
	1731	+
1685	1732	span.chatbotquote-info-foot {
1686	1733	font-size: 38px;
1687	1734	padding: 0px 0 0 130px;
1688	1735	position: static;
		@@ -1689,290 +1736,4 @@
1689	1736	bottom: -20px;
1690	1737	display: grid;
1691	1738	line-height: 0;
1692	1739	}
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		-}