← All changes | css/common-style.css +28 -262 8.6.2 → 6.6.0 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*/
		@@ -1716,263 +1741,4 @@
1716	1741	color: #222;
1717	1742	}
1718	1743
1719	1744
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		-