| @@ -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 | /********************************************************************************* |
| @@ -1563,8 +1565,11 @@ | ||
| 1563 | 1565 | |
| 1564 | 1566 | .wp-chatbot-board-container{ |
| 1565 | 1567 | width: 310px; |
| 1566 | 1568 | } |
| 1569 | + .wp-chatbot-mobile-full-screen .wp-chatbot-board-container { | |
| 1570 | + width: 100%; | |
| 1571 | + } | |
| 1567 | 1572 | |
| 1568 | 1573 | #wp-chatbot-mobile-close { |
| 1569 | 1574 | position: absolute; |
| 1570 | 1575 | right: 12px; |
| @@ -1960,65 +1965,5 @@ | ||
| 1960 | 1965 | } |
| 1961 | 1966 | .qcld-like-dislike-icon a { |
| 1962 | 1967 | padding: 0 5px 0 0; |
| 1963 | 1968 | 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 | 1969 | } |
