← All changes | css/common-style.css +32 -62 8.6.7 → 7.8.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,10 +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	+ width: 40px !important;
	378	+ height: 40px !important;
377	379	object-fit: cover;
378	380	}
379	381
380	382	/*********************************************************************************
		@@ -531,8 +533,33 @@
531	533	box-shadow: none;
532	534	background: none;
533	535	}
534	536
	537	+.wp-chatbot-editor-container button {
	538	+ display: inline-block;
	539	+ height: 40px;
	540	+ background: transparent url("../images/send-button.png") no-repeat right !important;
	541	+ color: transparent !important;
	542	+ width: 20%;
	543	+ cursor: pointer;
	544	+ margin: 0 0 0 -8px;
	545	+ padding: 0;
	546	+ border: none;
	547	+ outline: none;
	548	+}
	549	+
	550	+.wp-chatbot-editor-container button:hover {
	551	+ background: transparent url("../images/send-button.png") no-repeat center;
	552	+ color: transparent;
	553	+}
	554	+
	555	+.wp-chatbot-editor-container button:focus {
	556	+ outline: none;
	557	+ border: none;
	558	+ box-shadow: none;
	559	+ background: transparent url("../images/send-button.png") no-repeat center;
	560	+}
	561	+
535	562	/*****************************************************************************************
536	563	6. Message Item
537	564	*********************************************************************************************/
538	565	/*Load More Product*/
		@@ -1563,8 +1590,11 @@
1563	1590
1564	1591	.wp-chatbot-board-container{
1565	1592	width: 310px;
1566	1593	}
	1594	+ .wp-chatbot-mobile-full-screen .wp-chatbot-board-container {
	1595	+ width: 100%;
	1596	+ }
1567	1597
1568	1598	#wp-chatbot-mobile-close {
1569	1599	position: absolute;
1570	1600	right: 12px;
		@@ -1960,65 +1990,5 @@
1960	1990	}
1961	1991	.qcld-like-dislike-icon a {
1962	1992	padding: 0 5px 0 0;
1963	1993	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	1994	}